:root{--font-pri:'Jost';--font-sec:'Fahkwang';--font-rd:'Shopee Display';--font-fr:'Darker Grotesque';--font-fv:'Euphoria Script';--w-logo:15.8rem;--size-hd-top:3.3rem;--size-hd-bot:10rem;--size-hd:calc(var(--size-hd-bot) + var(--size-hd-top));--ss-pd:10rem;--it-pd:1.6rem;--ctn:150.4rem;--re-ctn:calc(100vw - (100vw - var(--ctn))/ 2);--color-pri:#D9F99D;--color-sec:#DEE7DD;--color-text:#262626;--white:#FAFAFA;--white-2:#EDF0EB;--white-3:#fff;--black-1:#1E1E1E;--black-2:#404040;--black-3:#000;--black-4:#15191E;--grey-1:#A3A3A3;--grey-2:#525252;--green-bold:#2B3F3E;--green-light:#91B7B2;--green-light-2:#ECFDF5;--green:#3E6361;--green-2:#22C55E;--green-3:#507C78;--orange:#F97316;--orange-light:#FFEDD5;--pink:#E7E2DD;--res-mobile:1199px;--res-mobile-min:1200px;--res-tablet:1024px;--res-tablet-min:767px;--mobile:575px;--radius:2rem;--cubic:cubic-bezier(0.72, 0.04, 0.49, 0.82)}@media (max-width:1199px){:root{--size-hd-top:0;--size-hd-bot:7rem;--size-hd:var(--size-hd-bot);--w-logo:10.8rem;--ss-pd:5rem;--it-pd:0.8rem;--radius:1rem}}@media (max-width:575px){:root{--it-pd:.5rem}}.popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:101;visibility:hidden;pointer-events:none}.popup.open{visibility:visible;pointer-events:visible}.popup.open .popup-close{opacity:1;visibility:visible}.popup.open .popup-overlay{opacity:1;visibility:visible}.popup.open .popup-main{opacity:1;visibility:visible;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition-delay:.1s;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s}.popup-overlay{position:absolute;left:0;top:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:1;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden}.popup-main{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:100%;max-width:95vw;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);background:var(--white);-webkit-box-shadow:0 4px 40px 0 rgba(11,17,31,.08);box-shadow:0 4px 40px 0 rgba(11,17,31,.08);overflow:hidden auto}.popup-over{overflow:hidden auto;min-height:25vh;max-height:90vh}.popup-over::-webkit-scrollbar-track{background-color:var(--white)}.popup-over::-webkit-scrollbar{width:.5rem}.popup-over::-webkit-scrollbar-thumb{border-radius:5rem;overflow:hidden}.popup-wrapper{width:100%;position:relative}.popup-close{position:absolute!important;top:2.4rem;right:2.4rem;cursor:pointer;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;visibility:hidden;z-index:3;color:var(--color-text-9);background:var(--white);width:3rem;height:3rem;border-radius:100%;border:.1rem solid #1e293b}@media screen and (max-width:1200px){.popup-close{top:1.4rem;right:1.4rem}}@media (hover:hover){.popup-close:hover .icon,.popup-close:hover i{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.popup-close i{margin-top:.2rem;-webkit-transition:all .3s ease;transition:all .3s ease}.popup-close .icon{-webkit-transition:all .3s ease;transition:all .3s ease;color:var(--color-text-9);font-weight:400;width:100%;height:100%;--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.popup .heading-sec .stt{opacity:1}.popup.popup-welcome .row{--it-pd:2rem;margin:0 calc(-1 * var(--it-pd))}@media screen and (max-width:1199px){.popup.popup-welcome .row{--it-pd:1rem}}.popup.popup-welcome .col-lf{width:45%}@media screen and (max-width:768px){.popup.popup-welcome .col-lf{width:100%}}.popup.popup-welcome .col-rt{-webkit-box-flex:1;-ms-flex:1;flex:1}.popup.popup-welcome .col-lf,.popup.popup-welcome .col-rt{padding:0 var(--it-pd)}.popup.popup-welcome .popup-main{max-width:130rem}@media screen and (max-width:1400px){.popup.popup-welcome .popup-main{max-width:90vw}}@media screen and (min-width:1200px){.popup.popup-welcome .popup-over{max-height:67rem}}.popup.popup-welcome .thumb{display:block;padding-top:calc((668 / 564) * 100%);position:relative;overflow:hidden}@media screen and (max-width:768px){.popup.popup-welcome .thumb{padding-top:60%}}.popup.popup-welcome .thumb img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:768px){.popup.popup-welcome .thumb img{-o-object-position:top;object-position:top}}.popup.popup-welcome .popup-content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:2.4rem;padding:2rem 4rem}@media screen and (max-width:1199px){.popup.popup-welcome .popup-content{row-gap:1.2rem;padding:2rem}}@media screen and (max-width:1199px){.popup.popup-welcome .mona-content{max-height:24rem;overflow:hidden auto}}.popup.popup-welcome .btn-wrap{width:90%;margin:0 auto}@media screen and (max-width:575px){.popup.popup-welcome .btn-wrap{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media screen and (max-width:370px){.popup.popup-welcome .btn-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.popup.popup-welcome .btn-wrap .btn{width:50%}@media screen and (max-width:370px){.popup.popup-welcome .btn-wrap .btn{width:100%}}.popup.popup-exchange .popup-main{max-width:60rem;border-radius:1.6rem}@media screen and (max-width:1199px){.popup.popup-exchange .popup-main{border-radius:.8rem}}@media screen and (max-width:650px){.popup.popup-exchange .popup-main{max-width:90vw}}.popup.popup-exchange .popup-icon-lg{aspect-ratio:1/1;width:20rem;margin:0 auto}@media screen and (max-width:650px){.popup.popup-exchange .popup-icon-lg{width:15rem}}.popup.popup-exchange .popup-wrapper{padding:4rem}@media screen and (max-width:1199px){.popup.popup-exchange .popup-wrapper{padding:2rem}}.popup.popup-exchange .btn .txt{font-weight:500}.popup.popup-exchange .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popup.popup-exchange .content .note{color:var(--black-1)}.popup.popup-review .rating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:2rem}.popup.popup-review .popup-main{max-width:100rem;border-radius:1.6rem}@media screen and (max-width:1199px){.popup.popup-review .popup-main{max-width:90vw;border-radius:.8rem}}@media screen and (min-width:1200px){.popup.popup-review .popup-over{max-height:72rem}}.popup.popup-review .popup-wrapper{padding:4rem}@media screen and (max-width:1199px){.popup.popup-review .popup-wrapper{padding:2rem}}.popup.popup-review .btn{margin:2.4rem auto 0}.popup.popup-review .btn .txt{font-weight:500}.popup.popup-review .form-group .group .textarea{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:auto}.popup.popup-review .form-group .group textarea{height:14rem}