@import url(https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Martel+Sans:wght@600&family=Poppins:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ant-breadcrumb-separator{color:gray!important}.App{box-sizing:border-box;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}*{font-family:Anuphan,sans-serif!important;margin:0;padding:0}#root,body,html{-ms-overflow-style:none;height:100%;overflow:auto;scrollbar-width:none}body::-webkit-scrollbar{display:none}body{background-color:#000;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.timer-body{background-color:#fff;border:1px solid #fff;border-radius:15px;box-shadow:0 3px 0 0 #bcbcbc;color:#000;display:flex;flex-direction:column;gap:5px;justify-self:center;padding:10px}.ant-ribbon-wrapper{justify-self:center;max-width:700px;width:100%}.dark-pin-modal .ant-modal-content{background-color:#2a2c2e;color:#fff}.dark-pin-modal .ant-modal-header{background-color:#2a2c2e;border-bottom:1px solid #1f2937}.dark-pin-modal .ant-modal-title{color:#fff}.dark-pin-modal .ant-modal-body{background-color:#2a2c2e}.dark-pin-modal .ant-modal-close{color:#9ca3af}.dark-pin-modal .ant-modal-close:hover{color:#fff}.main .box{background-color:#000;height:100%;opacity:.69;position:absolute;top:0;width:100%}nav{align-items:center;display:flex;height:62px;justify-content:space-between;margin:auto;max-width:75vw;padding-top:15px}nav .imageAppPage{width:200px}nav .imageAppPage,nav img{color:red;position:relative;z-index:10}nav img{width:150px}nav button,nav select{position:relative;z-index:10}.main nav div{display:flex;justify-content:space-around;min-width:20vw;.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}}@supports (-webkit-touch-callout:none){.hide-scrollbar::-webkit-scrollbar{display:none}}.hero{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Martel Sans,sans-serif;gap:13px;height:calc(50% - 77px);padding:0 16px;position:relative;text-align:center}.hero>:first-child{font-family:Poppins,sans-serif;font-size:48px;font-weight:bolder;text-align:center}.hero:nth-child(2){font-size:24px;font-weight:400;text-align:center}.hero:nth-child(3){font-size:20px;font-weight:400;text-align:center}.hero.end span{font-family:Poppins,sans-serif;font-size:18px;font-weight:lighter;margin-top:40px;text-align:center}.hero.end input{background-color:#171717b3;border:1px solid #fff6;border-radius:4px;color:#fff;font-size:16px;font-weight:600;padding:15px}.separation{background-color:#2e2c2ce6;height:7px}.btn{background-color:#0006;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:6px 15px}.hero-buttons{display:flex;gap:10px;justify-content:center}.hero-buttons input{width:437px}.a2hs-popup{background:#111;border-radius:16px;bottom:env(safe-area-inset-bottom,1px);box-shadow:0 10px 30px #00000073;color:#fff;font-size:14px;left:50%;margin-bottom:5px;max-width:420px;padding:8px 18px;position:fixed;transform:translateX(-50%);width:80%;z-index:9999}.a2hs-popup button{background:#1071e8;border:none;border-radius:10px;box-shadow:0 3px 0 0 #01448b;color:#fff;margin-top:8px;padding:8px 0;width:100%}.red-btn{background-color:#b20000;box-shadow:0 3px 0 0 #6a0505;font-size:20px!important;padding:12px 30px!important}.blue-btn,.red-btn{border:none;border-radius:20px;color:#fff;font-weight:500}.blue-btn{background-color:#15a0dc;box-shadow:0 3px 0 0 #173b6d;font-size:20px;padding:12px 30px}.main input{background-color:#171717b3;border:1px solid #fff6;border-radius:4px;font-size:16px;padding:15px}.btn-red-sm,.main input{color:#fff;font-weight:600}.btn-red-sm{background-color:#ff0000f2;border:none}.first{align-items:center;color:#fff;display:flex;justify-content:center;margin:auto;max-width:80vw;padding:70px 0}.sec-img,.sec-img img{position:relative}.sec-img img{width:38vw;z-index:10}.sec-img video{left:50%;max-height:80%;max-width:73%;position:absolute;top:50%;transform:translate(-50%,-54%)}.first>div{display:flex;flex-direction:column}.first>div :first-child{font-size:48px;font-weight:bolder}.first>div :nth-child(2){font-size:24px}.third .sec-img video{left:50%;max-height:80%;max-width:63%;position:absolute;top:50%;transform:translate(-50%,-89%)}.faq{padding:70px}.faq h2{color:#fff;font-size:48px;font-weight:bolder;margin-bottom:20px;text-align:center}.faq-box{align-items:center;display:flex;flex-direction:column;justify-content:center}.faq-box li{background-color:#3c3c3cbd;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;justify-content:space-between;margin:5px auto;padding:24px;transition:all .5s ease-out;width:72vw}.faq-box li:hover{background-color:#5f5e5ebd}footer{color:#ffffffb3;margin:0 80px;padding:10px}.footer{grid-gap:20px 40px;display:grid;gap:20px 40px;grid-template-columns:1fr 1fr 1fr 1fr;max-width:75vw;padding:30px 0}footer a,footer div a{color:#ffffffb3;font-weight:300;text-decoration:underline;text-decoration-color:#fff6}.footer-item{grid-row-gap:12px;display:flex;flex-direction:column}.final{margin-bottom:20px}.tableCol table{border-radius:24px!important;width:100%}.tableCol table td table,.tableCol td{border-radius:8px!important}.tableCol table td table{max-width:500px!important;width:100%!important}@media screen and (max-width:960px){.first{flex-wrap:wrap}.hero>:first-child{font-size:36px}.first>div :first-child{font-size:36px;text-align:center}.first>div :nth-child(2){font-size:16px;text-align:center}.faq h2{font-size:36px}nav .imageAppPage{width:160px}nav img{width:120px}.hero.end input,.main input{padding:10px}.red-btn{font-size:18px;padding:10px 20px}.hero-buttons{flex-wrap:wrap;max-width:100vw}.hero-buttons input{width:100%}.main nav div{min-width:20vw}.sec-img img{width:70vw}}@media screen and (max-width:600px){.hero>:first-child{font-size:24px}.hero>:nth-child(2){font-size:18px}.hero>:nth-child(3){font-size:20px}.first>div :first-child{font-size:24px}footer{margin:0 45px;padding:35px}.footer{grid-template-columns:1fr 1fr}nav{margin:0 20px;max-width:100%}nav img{width:120px}.main nav div{min-width:35vw}.faq h2{font-size:24px}.faq-box li{font-size:18px;padding:18px}.faq-box li svg{height:24px;width:24px}.sec-img img{width:80vw}}
/*# sourceMappingURL=main.7f1fecb0.css.map*/