body{font-family:Outfit;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#687078;--text-primary:#5a5a5a;--divider:#dbdbdb;--white:#fff;--danger:#ff5733;--title:#999;--link:#0146b3;--warning:#ffb906;--gift:#188bde;--input:#f2f5f4;--gold:#a38448;--light-gray:#eaeaea;--bg:#f2f2f2;--bg-primary:#0b7a6b;--gray:#999;--border:#999999b2;--text-secondary:#999;--gray-2:#8c8f97;--secondary:#bca988;--divine--smoke:#8b8f98;--linear-bg:linear-gradient(-180deg,#f2f2f2,#fff)}.text-error{color:red;font-size:12px!important}.rotate{animation:rotation 3s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.align-content-center{align-content:center!important}.items-center{align-items:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.text-center{text-align:center!important}.w-full{width:100%!important}.h-full{height:100%!important}.flex-wrap{flex-wrap:wrap!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.title-lifestyle{word-wrap:break-word!important;color:var(--text-primary)!important;font-size:24px!important;font-weight:600!important;letter-spacing:.72px!important;text-transform:capitalize!important}.sub-title-lifestyle{color:#999!important;margin-bottom:2.5rem!important}.recommend,.sub-title-lifestyle{word-wrap:break-word!important;font-size:14px!important;font-weight:400!important;text-transform:capitalize!important}.recommend,.selected-recommend{background-color:var(--white)!important;color:var(--primary)!important;display:initial!important;left:50%!important;max-width:110px!important;padding:2px 10px!important;position:absolute!important;transform:translate(-50%,-50%)!important}.selected-recommend{word-wrap:break-word!important;font-size:14px!important;font-weight:400!important;text-transform:capitalize!important}.stack-box{gap:16px!important}.box-recommend{border:1px solid #0b7a6b!important;border-radius:12px!important;gap:24px!important;padding:54px 25px!important;@media (min-width:600px){align-items:center!important;width:240px!important}}.box,.box-recommend{align-items:flex-start!important;cursor:pointer!important;display:inline-flex!important;justify-content:space-evenly!important;width:100%!important}.box{border-radius:8px!important;gap:32px!important;margin:16px 0!important;padding:16px!important}.name-lifestyle{color:var(--text-primary)!important;font-size:14px!important;font-weight:500!important;margin-top:6px!important}.name-lifestyle,.name-seleceted{word-wrap:break-word!important;text-transform:capitalize!important;white-space:pre-line!important}.name-seleceted{color:var(--primary)!important;font-size:16px!important;font-weight:600!important}.text-recommend{font-size:12px!important;font-weight:500!important}.bg-selected{align-items:center!important;background-color:var(--input)!important;border-radius:10px!important;display:flex!important;filter:drop-shadow(0 4px 12px #0000001a)!important;flex-direction:column!important;height:124px!important;justify-content:center!important;padding:12px!important}.icon-selected{position:absolute!important;right:0!important;top:0!important;transform:translate(32%,-30%)!important}.destination-box{height:45vh!important}.input-box{margin:12px 0!important}.icon-close{color:var(--text-primary)!important;position:absolute!important;right:8px!important;top:8px!important}.text-valid-normal{color:var(--danger);font-size:12px!important;margin-top:12px!important;text-align:left}.title{word-wrap:break-word!important;font-size:24px!important;font-weight:600!important;letter-spacing:.72px!important;text-transform:capitalize!important}.label,.title{color:var(--text-primary)!important}.label{font-size:16px!important;font-weight:400!important;margin-bottom:4px!important;text-align:left!important}.head-modal{color:#5a5a5a!important;font-size:24px!important;font-weight:600!important;letter-spacing:.72px!important;text-align:center!important;text-transform:capitalize!important}.imgHeader{display:flex;height:403px!important;width:100%!important}.backdrop-loading{align-items:center;background:"#5A5A5A80";bottom:0;left:0;position:fixed;right:0;top:0;z-index:1500}.backdrop-loading,.welcome-splash{display:flex;justify-content:center}.welcome-splash{left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);width:75%;@media (min-width:580px){width:auto}}.authWrapper{background:url(/static/media/bg-splash.5f788d13e52c8a313e1f.png);background-blend-mode:color;background-position:top,top;background-repeat:no-repeat,repeat;background-size:cover,auto;height:100vh!important}.auth-footer{bottom:0;position:fixed!important}.borderOutside{border:4px solid;border-image:linear-gradient(1turn,#efe54e,#1390a8) 1;display:flex;height:100vh!important}.container-wallet{align-items:center;display:inline-flex}.layout-wallet{align-items:center;display:flex;gap:8px;height:40px;padding:0 12px}.border-layout-wallet{border:2px solid var(--primary);border-radius:6px 0 0 6px;border-right:unset}.phone{color:var(--text-primary);font-size:14px!important;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.container-bar-wallet{align-content:center;background:var(--primary);border-radius:0 6px 6px 0;color:var(--white);cursor:pointer;flex-shrink:0;height:40px}.img-header-home{height:120px;left:0;top:0;width:88.229px;@media (max-width:580px){width:78px}}.header-home{flex-direction:row!important;justify-content:space-between;padding:20px 24px}.header-home,.wallet-home{align-items:center;display:flex}.wallet-home{flex:1 0;justify-content:flex-end;width:50%}.icons{align-items:center;display:flex;justify-content:center}.title-noti{color:var(--text-primary)!important;font-size:20px!important;font-weight:500!important;margin-left:6px!important}.mark-read-all{font-size:12px!important;font-weight:500!important;margin-left:0!important}.icon-done,.mark-read-all{color:var(--bg-primary)!important}.icon-done{font-size:1rem!important;margin-right:4px!important}.appWrapper{background:var(--linear-bg)!important;background-blend-mode:color;height:100vh!important;overflow-y:auto}.div-main{left:50%;padding:0 24px;position:fixed;transform:translate(-50%,-40%);width:100%;z-index:1;@media (min-width:580px){width:58%}}.divider{background:var(--divider);height:44px!important}.buttonPrimary{background:var(--primary);border-radius:48px;color:#000;margin-top:10;padding:10px 24px}.btn-primary-width{width:100%}.btn-primary-height{height:48px}.popupContainer{position:relative}.icon{margin-left:auto;margin-right:auto;position:absolute;z-index:100}.text-remind{color:#0146b3;cursor:pointer;font-size:14px!important;font-weight:600;text-align:center}.paper-confirm-detail{align-self:stretch;background:#fff;border-radius:12px;box-shadow:unset!important;justify-content:center;margin-top:auto!important;padding:24px 0}.text-card-confirm-detail{color:var(--text-primary)!important;font-size:20px!important;font-weight:500!important}.sub-text-card-confirm-detail,.text-card-confirm-detail{text-align:center!important;text-transform:capitalize!important}.sub-text-card-confirm-detail{color:var(--gray)!important;font-size:16px!important;font-weight:400!important}.text-header-privilege-detail{color:var(--primary)}.text-header-privilege-detail,.text-header-privilege-gift{flex-wrap:wrap;font-size:24px;font-weight:600;text-align:center;text-transform:capitalize}.text-header-privilege-gift{color:var(--gift)}.text-header-privilege-cancel{color:var(--text-primary);flex-wrap:wrap;font-size:24px}.text-header-privilege-cancel,.text-path-privilege-detail{font-weight:600;text-align:center;text-transform:capitalize}.text-path-privilege-detail{color:var(--primary);font-size:16px}.text-description{color:var(--title);font-size:14px;font-weight:400;text-align:center}.text-more-detail{color:var(--link);font-size:14px;font-weight:300;padding-left:6px;text-align:center}.text-history{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:.64px}.paper-privilege-detail{align-self:stretch;background:#fff;border-radius:12px;box-shadow:unset!important;display:flex;justify-content:center;padding:24px 0}.text-card-privilege-detail{color:var(--text-primary);font-size:20px;font-weight:400;text-align:center;text-transform:capitalize}.text-valid{color:var(--danger)}.text-disabled-right,.text-valid{font-size:14px;font-weight:600;text-align:left}.text-disabled-right{color:var(--title)}.img-detail{width:100%}.buttonPrimary{align-items:center!important;background:var(--bg-primary)!important;border-radius:48px!important;color:var(--white)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:0 24px!important}.btn-primary-width{width:100%!important}.btn-primary-height{height:48px!important}