@font-face{font-family:AdelleSansTHA;src:url(/_next/static/media/AdelleSansTHA-Light.e796c55d.ttf);font-style:normal;font-weight:300}@font-face{font-family:AdelleSansTHA;src:url(/_next/static/media/AdelleSansTHA-Regular.5ad67fa2.ttf);font-style:normal;font-weight:400}@font-face{font-family:AdelleSansTHA;src:url(/_next/static/media/AdelleSansTHA-Semibold.99ba0c7b.ttf);font-style:normal;font-weight:600}@font-face{font-family:AdelleSansTHA;src:url(/_next/static/media/AdelleSansTHA-Bold.d91bdb6b.ttf);font-style:normal;font-weight:700}@font-face{font-family:ThonglorSoi4;src:url(/_next/static/media/ThonglorSoi4Nr-Regular.09bd87b9.ttf);font-style:normal;font-weight:400}@font-face{font-family:ThonglorSoi4;src:url(/_next/static/media/thonglorsoi4nr-semibold.ba638af6.woff);font-style:normal;font-weight:600}@font-face{font-family:ThonglorSoi4;src:url(/_next/static/media/ThonglorSoi4Nr-SemiBold.fcfaafc8.ttf);font-style:normal;font-weight:700}:root{--gradient-red:0% $gradient-red-0,100% $gradient-red-100;--gradient-dark-red:0% $gradient-darkRed-0,100% $gradient-darkRed-100;--gradient-blue:0% $gradient-blue-0,100% $gradient-blue-100;--gradient-green:0% $gradient-green-0,100% $gradient-green-100;--gradient-pink:0% $gradient-pink-0,100% $gradient-pink-100;--gradient-black:0% $gradient-black-0,100% $gradient-black-100;--gradient-grey:0% $gradient-grey-0,100% $gradient-grey-100}.gradient-3{background:linear-gradient(90deg,#b82020,#8f8f8e)}input::-ms-clear,input::-ms-reveal{display:none}.phone-input-container.react-tel-input .form-control{padding-left:75px;border-radius:unset;border:unset}@media screen and (max-width:767px){.phone-input-container.react-tel-input .form-control{padding-left:4.6875rem}}.phone-input-container.react-tel-input .flag-dropdown{border:unset;border-radius:unset;background:transparent}.phone-input-container.react-tel-input .flag-dropdown.open,.phone-input-container.react-tel-input .flag-dropdown.open .selected-flag{background:transparent}.phone-input-container.react-tel-input .selected-flag{padding:0 0 0 16px}.phone-input-container.react-tel-input .selected-flag .arrow{width:24px;height:24px;border:unset;background-image:url(/assets/icons/drop-drawn-icon.svg);background-repeat:no-repeat;background-size:100%;top:0;left:0;transform:translate(24px,-15%) rotate(0deg);transition:all .3s ease-in-out}@media screen and (max-width:767px){.phone-input-container.react-tel-input .selected-flag .arrow{transform:translate(1.5rem,-15%) rotate(0deg)}}.phone-input-container.react-tel-input .selected-flag .arrow.up{border:unset;transform:translate(24px,-15%) rotate(180deg)}@media screen and (max-width:767px){.phone-input-container.react-tel-input .selected-flag .arrow.up{transform:translate(1.5rem,-15%) rotate(180deg)}.phone-input-container.react-tel-input .selected-flag .arrow{width:1.5rem;height:1.5rem}}.phone-input-container.react-tel-input .country-list{margin:0!important;border-radius:8px!important;border:1px solid #e8e8e8;box-shadow:0 2px 4px 0 rgba(0,0,0,.08),0 16px 32px 0 rgba(0,0,0,.04)}.phone-input-container.react-tel-input .country-list::-webkit-scrollbar{width:0}.phone-input-container.react-tel-input .country-list span{font-size:16px}.phone-input-container.react-tel-input .country-list .country.highlight:after{content:url(/assets/icons/checked-phone.svg);position:absolute!important;color:#cd2a18!important;right:16px!important}.phone-input-container.react-tel-input .country-list .search{display:flex;height:48px;padding:12px 16px!important;align-items:center;gap:16px;align-self:stretch;border-bottom:1px solid #e8e8e8;background:#fff}.phone-input-container.react-tel-input .country-list .search-emoji{content:url(/assets/icons/search.svg)}.phone-input-container.react-tel-input .country-list .search-box{border:none!important;border-radius:0!important;margin-left:6px;outline:none;padding:0!important;width:100%;font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.352px}.phone-input-container.react-tel-input .country-list .search-box::-moz-placeholder{color:#b4b4b4;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.352px}.phone-input-container.react-tel-input .country-list .search-box::placeholder{color:#b4b4b4;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.352px}.phone-input-container.react-tel-input.responsive-input .form-control{padding-left:4.6875rem}.phone-input-container.react-tel-input.responsive-input .selected-flag{padding:0 0 0 16px}.phone-input-container.react-tel-input.responsive-input .selected-flag .arrow{width:1.5rem;height:1.5rem;border:unset;transform:translate(1.5rem,-.25em) rotate(0deg)}.phone-input-container.react-tel-input.responsive-input .selected-flag .arrow.up{transform:translate(1.5rem,-.25em) rotate(180deg)}.phone-input-container.react-tel-input.responsive-input .country-list{border-radius:.5rem!important;width:13.6875rem}.phone-input-container.react-tel-input.responsive-input .country-list span{font-size:1rem}.phone-input-container.react-tel-input.responsive-input .country-list .country.highlight:after{right:1rem!important}.phone-input-container.react-tel-input.responsive-input .country-list .search{height:3rem;padding:.75em 1rem!important;gap:1rem}.phone-input-container.react-tel-input.responsive-input .country-list .search-box{margin-left:1rem;font-size:1rem;letter-spacing:-.022rem}.phone-input-container.react-tel-input.responsive-input .country-list .search-box::-moz-placeholder{font-size:1rem;letter-spacing:-.022rem}.phone-input-container.react-tel-input.responsive-input .country-list .search-box::placeholder{font-size:1rem;letter-spacing:-.022rem}.dialog-login{padding:32px}.dialog-login,.dialog-login button{font-size:16px}.dialog-login .div-logo{display:flex;align-self:flex-end}.dialog-login .div-body-content{display:flex;flex-direction:column;gap:24px}.dialog-login .header-text h1{color:#444443;text-align:center;font-size:24px;font-weight:600;line-height:1.5;letter-spacing:-.528px}.dialog-login .div-login .txt-label{margin-bottom:8px;color:#444443;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.308px}.dialog-login .div-login p{margin-bottom:0}.dialog-login .div-login .phone-password{color:#444443;font-size:16px;font-weight:600;line-height:1;letter-spacing:-.352px}.dialog-login .div-login .div-input-password button{min-height:unset;max-height:unset!important}.dialog-login .button-login-otp{border-radius:8px;border:2px solid #cd2a18;background:#cd2a18;color:#fff}.dialog-login .button-back:hover,.dialog-login .button-comfirm:hover,.dialog-login .button-login-otp:hover,.dialog-login .button-login:hover{box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);opacity:.9}.div-login{width:100%;font-size:16px}.div-login p{margin-bottom:8px}.div-login p.footer{margin-bottom:0}.div-login button{min-height:48px;max-height:48px!important;font-size:16px;align-items:center;padding:initial}.div-login button.footer{min-height:unset;max-height:unset!important}.div-login .h1-signup{color:#444443;text-align:center;font-size:32px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:-.704px}.div-login input[type=email],.div-login input[type=password],.div-login input[type=tel],.div-login input[type=text]{display:flex;height:48px;padding:12px 16px;align-items:center;gap:16px;align-self:stretch;background:#f7f7f7;border-bottom:1px solid #e8e8e8!important;width:100%;font-family:AdelleSansTHA;font-weight:400;letter-spacing:-.352px;font-size:16px}.div-login input[type=email].error,.div-login input[type=password].error,.div-login input[type=tel].error,.div-login input[type=text].error{border-bottom:1px solid #b82020!important}.div-login input[type=email]::-moz-placeholder,.div-login input[type=password]::-moz-placeholder,.div-login input[type=tel]::-moz-placeholder,.div-login input[type=text]::-moz-placeholder{color:#b4b4b4;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.352px}.div-login input[type=email]::placeholder,.div-login input[type=password]::placeholder,.div-login input[type=tel]::placeholder,.div-login input[type=text]::placeholder{color:#b4b4b4;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.352px}.div-login .react-tel-input.error{border-bottom:1px solid #b82020!important}.div-login .react-tel-input.error .form-control{border-bottom:1px solid transparent!important}.div-login .react-tel-input .selected-flag:focus,.div-login .react-tel-input .selected-flag:hover{background:#f7f7f7}.div-login .react-international-phone-input-container{width:100%;height:48px;border-bottom:1px solid #e8e8e8}.div-login .react-international-phone-input-container .react-international-phone-country-selector-dropdown{font-size:16px}.div-login .react-international-phone-input-container .react-international-phone-input{width:100%;height:48px;color:#444443;font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.352px;border:none;border-bottom:1px solid #e8e8e8}.div-login .react-international-phone-input-container .react-international-phone-country-selector-button__button-content,.div-login .react-international-phone-input-container .react-international-phone-country-selector>button{width:70px;height:48px;border-top:2px solid #fff;border-left:0;border-right:0;border-bottom:1px solid #e8e8e8}.div-login .react-international-phone-input-container .react-international-phone-country-selector>button:focus{outline:none}.div-login .react-international-phone-input-container .react-international-phone-flag-emoji{width:24px;height:100%}.div-login input:focus{outline:none}.div-login .phone-password{color:#444443;font-size:14px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:-.352px;margin:0}.div-login .div-input-password{display:flex;align-items:center;gap:10px;align-self:stretch}.div-login .div-head-email-social{display:flex;flex-direction:column;align-items:center;gap:4px}.div-login .div-head-email-social h1{color:#444443;text-align:center;font-size:32px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:-.704px}.div-login .div-head-email-social p{color:#444443;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.308px}.div-login .div-txt-email-success .h1-email-success{color:var(--success-dark,var(--success-dark,#389755));text-align:center;font-size:32px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:-.704px}.div-login .div-txt-email-success p{text-align:center}.div-login .div-txt-email-success p,.txt-label{color:#444443;font-size:14px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.308px}.txt-label-16{color:#444443;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:1.5;letter-spacing:-.352px}@media screen and (max-width:767px){.txt-label-16{font-size:1rem;letter-spacing:-.022rem}}.noti-invalid{color:#b82020;font-size:14px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.308px}.div-group-button-component{display:flex;justify-content:center;align-items:flex-start;gap:16px}.div-group-button-component .button-login-conpoonent{padding:12px;border-radius:50%;border:1px solid #c2c2c2;background:#fff;width:48px;height:48px}.div-group-button-component .button-login-conpoonent,.div-group-button-component .button-login-conpoonent img{display:flex;justify-content:center;align-items:center}.btn-closed:focus{outline:none}.phone-request-otp{color:#444443;text-align:center;font-size:16px;font-style:normal;font-weight:400!important;line-height:1.5;letter-spacing:-.352px}@media screen and (max-width:767px){.phone-request-otp{font-size:1rem;letter-spacing:-.022rem}}.button-login-conpoonent{border-radius:8px;border:1px solid #c2c2c2;background:#fff}.button-login-conpoonent.facebook{background-color:#1778f2;border:1px solid #1778f2}.button-login-conpoonent.apple{background-color:#000;border:1px solid #000}.button-login-conpoonent.google{background-color:#f2f2f2;border:1px solid #f2f2f2}.dialog-success-register{padding:32px 40px 40px;font-size:16px;max-width:592px!important;min-width:-moz-fit-content!important;min-width:fit-content!important;border-radius:24px!important}.dialog-success-register button{font-size:16px}.txt-or-vectorline{color:#8f8f8e;font-size:14px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.308px}.login-button{width:100%;max-height:48px!important;background:#cd2a18}.show-password{position:absolute;top:50%;right:1rem;transform:translateY(-50%);cursor:pointer}.show-password img{width:24px;height:24px}@media screen and (max-width:767px){.show-password img{width:1.5rem;height:1.5rem}}.react-international-phone-country-selector-button:hover{background-color:unset!important}.div-verify-password{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.div-verify-password .div-alert{display:flex;align-items:center;gap:8px}.div-verify-password .div-alert p{font-size:16px}.div-verify-password .div-alert p span{font-size:inherit;font-weight:inherit}@media screen and (max-width:767px){.div-verify-password .div-alert p{font-size:1rem}}.div-checkbox{display:flex;align-items:center;gap:8px;align-self:stretch;display:none}.div-checkbox p{margin:auto 0!important}.div-checkbox input{height:16px;width:16px}.button-social{cursor:pointer}.button-login-font{font-weight:600}.button-login,.button-login-font{font-size:16px;font-style:normal;line-height:150%;letter-spacing:-.352px}.button-login{display:flex;height:48px;padding:8px 12px;justify-content:center;align-items:center;align-self:stretch;border-radius:8px;color:#fff}.button-login-password{border-radius:8px;border:2px solid #cd2a18;color:#cd2a18}.div-header-otp{color:#444443;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.308px}.div-group-button{width:100%;gap:16px;align-self:stretch}.button-view-service{border-radius:8px;border:2px solid #56bf59;background:#56bf59;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:-.352px}.button-dialog{height:48px;padding:initial}.button-dialog:hover{--tw-shadow:none!important;--tw-shadow-colored:none!important;box-shadow:none!important;--tw-shadow:var(--tw-shadow-colored)}.button-back-login{border-radius:8px;background:#fff;border:2px solid #56bf59;color:#389755;font-size:16px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:-.352px}.custon-dialog::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;opacity:.5;margin:20px 0;position:relative;right:5px}.custon-dialog::-webkit-scrollbar{width:5px;opacity:.5}.custon-dialog::-webkit-scrollbar-thumb{border-radius:10px;opacity:.5;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:#8b8b8b}.div-dialog-success-register{gap:24px}@media screen and (min-width:768px){.page-login{display:flex;min-height:80vh;width:100%;align-items:center;justify-content:center}.content-page-login{border:1px solid var(--grayscale-stroke-light,#dfdfdf);border-radius:24px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);overflow:hidden}.content-page-login,.custon-dialog{width:592px!important;min-width:592px!important;max-width:592px!important}.custon-dialog{margin:0!important;border-radius:24px!important;max-height:90vh!important;overflow:auto;height:-moz-fit-content;height:fit-content}}@media screen and (max-width:767px){.custon-dialog{margin:auto;overflow:auto;max-height:100vh!important}.custon-dialog,.custon-dialog-campaign{height:auto;border-radius:24px!important}.custon-dialog::-webkit-scrollbar-track{margin:0}.dialog-success-register{padding:16px 16px 20px;font-size:16px;max-width:100%!important;width:-webkit-fill-available;border-radius:24px!important}.dialog-success-register .div-body-content{padding:0}.dialog-success-register .div-dialog-success-register{gap:16px}.dialog-success-register .div-logo{padding:0!important;height:auto!important}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;width:-moz-fit-content!important;width:fit-content!important;min-width:100vw!important;max-height:100vh!important;left:-16px!important;border-radius:10px!important}.react-international-phone-country-selector-dropdown__list-item{padding:4px 16px!important;cursor:pointer!important}.react-international-phone-country-selector-dropdown__list-item--selected{background-color:#f7f7f7!important;color:var(--text-main,var(--text-main,#444443))!important}.react-international-phone-country-selector-dropdown__list-item--selected:after{content:url(/assets/icons/checked-phone.svg);position:absolute!important;color:#cd2a18!important;right:16px!important;margin-top:6px!important}.page-login{width:100%;padding:5rem 0}.page-login.no-padding{padding:0}.dialog-login .div-logo{padding:1rem;height:4rem;background:#fff;width:100%;border-bottom:1px solid #e8e8e8}.dialog-login .header-text h1{font-size:1.25rem;letter-spacing:-.0275rem}.dialog-login .div-body-content{padding:1rem;gap:1.5rem}.dialog-login .div-login .txt-label{font-size:.875rem;margin-bottom:.5rem;letter-spacing:-.022rem}.dialog-login .div-login .phone-password{font-size:1rem;letter-spacing:-.022rem}.dialog-login button{font-size:1rem}.div-login input[type=email],.div-login input[type=password],.div-login input[type=tel],.div-login input[type=text]{height:3rem;padding:.75rem 1rem;gap:1rem;letter-spacing:-.022rem;font-size:1rem}.div-login input[type=email]::-moz-placeholder,.div-login input[type=password]::-moz-placeholder,.div-login input[type=tel]::-moz-placeholder,.div-login input[type=text]::-moz-placeholder{font-size:1rem;letter-spacing:-.022rem}.div-login input[type=email]::placeholder,.div-login input[type=password]::placeholder,.div-login input[type=tel]::placeholder,.div-login input[type=text]::placeholder{font-size:1rem;letter-spacing:-.022rem}.div-login button{min-height:3rem;max-height:3rem!important;font-size:1rem}.div-login button.footer{min-height:unset;max-height:unset!important}.dialog-login{padding:0;min-height:100vh!important}.custon-dialog{height:100%;width:100%!important;border-radius:0!important;min-width:100%!important;max-width:100%!important}.custon-dialog-campaign{margin:auto;overflow:auto;border-radius:0!important;width:100%;max-width:100%;height:100%}}