*{box-sizing:border-box}#root,body,html{min-height:101vh;width:100%}body{background:url(/static/media/bg-pc-new.2d2dc0ded110e20e8159.png) no-repeat 50%;background-size:cover;display:flex;font-family:Golos Text,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden;width:100%}.main{height:100%;width:100%}.header-top{margin:auto;max-width:460px;padding-top:46px;width:100%}.thumb-logo{width:100%}.logo-new88{height:auto;width:100%}.welcome-hello{margin:80px auto auto;max-width:660px;width:100%}.box-shows-btn{position:relative}.bg-box-btn,.box-shows-btn{height:auto;width:100%}.box-btn-click{cursor:pointer;left:50%;position:absolute;top:70%;transform:translateX(-50%);width:70%;z-index:99}.btn-click-tabs{background:linear-gradient(180deg,#ffcd61 0,#feae00);border:1px solid #ffff65;border-radius:16px;color:#000;cursor:pointer;font-size:20px;font-weight:700;height:56px;margin:auto;transition:background .3s ease,transform .3s ease;width:100%}.btn-click-tabs:hover{background:linear-gradient(180deg,#feae00 0,#ffcd61);box-shadow:0 4px 12px #0003;transform:translateY(-5px)}.container-form{display:none}.form-input .header-top{max-width:280px;padding-top:24px}.form-input .welcome-hello{display:none}.form-input .container-form{display:block;margin:32px auto auto;max-width:760px;width:100%}.form-control-customer{display:flex;gap:16px}.input-content p{color:#fff;margin-left:auto;margin-right:0}.captcha-ggv2 iframe{margin:auto}.khung-form{background-color:#383838;border:3px solid #94969c;border-radius:24px;color:#fff;margin:auto;max-width:750px;padding:12px;position:relative}.container{display:flex;gap:10px;height:100%;margin:auto;max-width:1360px;width:90%}.left{animation-delay:1s;animation-duration:1s;animation-fill-mode:both;animation-name:left;background-color:#434343;border:1px solid #797979;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;min-height:600px;overflow:hidden}.left,.right{border-radius:12px;box-shadow:0 1px 0 #11111a0d,0 0 8px #11111a1a}.right{background-image:url(/static/media/bg-left.a3dbfdcac481c220f147.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1;transition:1s}.logo{margin:0 auto;width:80%}.logo img{object-fit:contain}.logo.new88{width:360px}.logo.new88 img{margin-bottom:50px;margin-top:30px;width:300px}.header{margin:10px auto 20px}.header>h2{color:#fff;font-weight:600;margin:-20px auto auto}.form.new88{display:flex;flex-direction:column;margin-bottom:20px;max-width:100%;width:100%}.form>p{text-align:right}.form>p>a{color:#000;font-size:14px}.form-field.new88{background-color:#434343;border:2px solid #b9b8b7;border-radius:4px;color:#fff;font-family:Rubik,sans-serif;height:46px;margin-top:16px;outline:0;padding:10px 12px;transition:.2s}.form-field.new88::placeholder{color:#cec8c5}.form-field:focus{border-color:#8f7e68}.btnGG button,.form>button{background:linear-gradient(90deg,#f18f0f 0,#ffd000);border:0;border-radius:3px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;letter-spacing:1px;margin-top:10px;padding:12px 10px}.btnGG button{margin-top:20px;width:100%}#content{height:140px}.text{color:#2e2e2e;margin-top:20px}.animation{animation-duration:.4s;animation-fill-mode:both;animation-name:move}.a1,.animation{animation-delay:1s}.a2,.a3{animation-delay:1.1s}.a4{animation-delay:1.3s}.a5{animation-delay:1.4s}.a6{animation-delay:1.5s}.a7{animation-delay:1.6s}@keyframes move{0%{opacity:0;transform:translateY(-40px);visibility:hidden}to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes left{0%{opacity:0;width:0}to{opacity:1;padding:20px 40px;width:440px}}.swal-button{background-color:#ff9308}.swal-button:not([disabled]):hover{background-color:#fc8f00}.swal-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #f58b074a;outline:none}#btnLoading{display:none}#btnLoading i{margin-right:10px}.close-form{cursor:pointer;position:absolute;right:16px;top:16px}.close-form svg{width:32px}.text-hinhanh{font-size:16px}.home-button{cursor:pointer;display:flex;margin-top:10px;position:absolute;right:2em;text-align:center;top:1em;transition:all .3s ease;width:146px;z-index:99}.home-button:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.02)}.home-button .home-text{display:inline}.home-button .home-icon-pc{height:auto;max-width:146px;width:100%}.home-button .home-icon{display:none;height:42px;width:42px}@media screen and (max-width:1024px){body{background-size:cover}.container{max-width:600px;padding:10px;width:100%}.right{display:none}.left{width:100%}@keyframes left{0%{opacity:0;width:0}to{opacity:1;padding:20px;width:100%}}}@media only screen and (max-width:650px){.form-control-customer{display:inline-block;margin:4px 0;width:100%}body{background-image:url(/static/media/bg-mobi-nen.720ef04baaeb2253c87b.png);height:100vh}#root{overflow:hidden}.main{margin-top:20px;padding:0;width:100%}.main.form-input{background-color:#252b38;display:inline-table}.khung-form{background-color:initial;border:initial}.text-hinhanh{font-size:12px}.captcha-ggv2{margin-top:16px;width:100%}.logo.new88{width:80%}.header{margin-bottom:10px}.header-top{padding-top:28px;width:62%}.form-input .header-top{display:none}.welcome-hello{margin-top:36px;width:96%}.btn-click-tabs{height:48px}.box-btn-click{top:80%}.form-input .container-form{height:100%;margin-bottom:16px;margin-top:0;overflow:auto;padding-bottom:84px}.close-form{top:0}.right{display:none}.left{min-height:500px}.logo.new88 img{margin-bottom:30px;margin-top:5px}.form.new88{width:100%}.container{background-color:initial;background-image:none}.new88-cam-on-confirm{margin-bottom:70px!important}.home-button{align-items:center;border-radius:50%;display:flex;height:42px;justify-content:center;padding:10px;position:absolute;right:.5em;top:0;width:42px}.home-button .home-icon-pc{display:none}.home-button.tablet-image{align-items:center;display:flex}.home-button .home-text{display:none}.home-button .home-icon{display:inline}}.survey-container{background-color:#efefe7;height:100vh;overflow:hidden;width:100%}.survey-content{-ms-overflow-style:none;height:100%;margin:0 auto;max-width:50vw;overflow-y:scroll;padding:0 20px;scrollbar-width:none}.survey-content::-webkit-scrollbar{display:none}.survey-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.survey-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.survey-content::-webkit-scrollbar-thumb:hover{background:#555}.logo{display:block;margin:20px auto 16px;padding-top:16px;width:300px}.banner{border-radius:16px;margin-bottom:16px;width:100%}.survey-intro,.survey-thankyou{background-color:#fff;border:0;border-radius:8px;border-top:4px solid #ff7f00;box-shadow:0 4px 6px #0000001a;margin:16px auto;padding:12px 24px;width:100%}.survey-title,.thankyou-title{border-bottom:2px solid #fc0;color:#4a4a4a;font-size:24px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.survey-description,.thankyou-description{color:#4a4a4a;font-size:16px;margin-bottom:16px;padding-right:16px}.survey-form{padding-bottom:32px}.survey-question{background-color:#fff;border:0;border-left:4px solid #0000;border-radius:8px;margin-bottom:16px;padding:24px}.active-question{border-left-color:#ff7f00}.question-label{color:#4a4a4a;display:block;font-size:16px;font-weight:700;margin-bottom:8px}.required{color:red}.radio-option{margin-bottom:8px}.radio-label{align-items:center;cursor:pointer;display:inline-flex;width:100%}.form-radio{margin-right:8px}.radio-text{margin-left:8px}.textarea{border:1px solid #ccc;border-radius:8px;color:#4a4a4a;outline:none;padding:8px;width:100%}.submit-button{background-color:#ff7f00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.icon-noti img{height:25px;width:25px}.submit-button:hover{background-color:#e66a00}.box-marquee{flex-direction:row;vertical-align:initial}.box-marquee,.icon-noti{align-items:center;display:flex}@media (max-width:1024px){.survey-content{max-width:70vw}.logo{width:300px}.survey-title,.thankyou-title{font-size:20px}.question-label,.radio-text,.survey-description,.textarea,.thankyou-description{font-size:14px}.survey-question{padding:16px 24px}}@media (max-width:768px){.survey-content{max-width:95vw}.logo{width:250px}.survey-title,.thankyou-title{font-size:16px}.question-label,.radio-text,.survey-description,.textarea,.thankyou-description{font-size:12px}.survey-question{padding:12px 24px}}