.payment-status-page .btn-back-page{border:1px solid color(orange500)!important;color:color(dark)!important;height:32px;font-size:1.6rem}:root{--color-light: #FFFFFF;--color-primary: #9fc467;--color-primary400: #75f195;--color-primary500: #FFCC21;--color-primary600: #FF9800;--color-secondary: #fd784e;--color-dark: #000000;--color-dark900: #2E2E2E;--color-dark800: #212121;--color-dark700: #414141;--color-dark600: #424242;--color-dark500: #616161;--color-gray50: #808080;--color-gray100: #E6E6E6;--color-gray300: #777777;--color-gray400: #BDBDBD;--color-gray500: #707070;--color-primaryGradient: linear-gradient(45deg, #FFB74D 0%, #FFA726 100%);--color-blue400: #0561e1;--color-blue600: #084aa7;--color-blue500: #4C63D9;--color-blue700: #052858;--color-orange500: #ffb818;--color-yellow500: #ffd226;--color-red50: #FBEEEE;--color-red300: #ff4d4f;--color-red400: #fc5858;--color-red600: red;--color-purple400: #f04af0;--color-greenGradient: linear-gradient(180deg, #E6F2F2 0%, #FDF8F0 100%)}html{font-size:62.5%}html body{font-family:Nunito,sans-serif;word-break:break-word;background:var(--color-greenGradient);color:var(--color-dark);font-size:1.8rem;font-weight:400;margin:auto}html button:focus{outline:none}html a:hover{text-decoration:none}.btn-custom,.btn-secondary02,.btn-secondary{border:none;border-radius:8px;box-sizing:border-box;font-weight:400;height:38px}.btn-secondary{background-color:var(--color-secondary)!important}.btn-secondary02{color:var(--color-light)!important;background-color:var(--color-yellow500)!important}.input-custom{height:40px}.input-custom input::-webkit-outer-spin-button,.input-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-custom input[type=number]{-moz-appearance:textfield}.select-custom{height:40px!important}.card-custom{border-radius:2rem}.card-custom .package-content{display:flex;flex-direction:column;align-items:center;justify-content:start}.card-custom .card-title-common,.card-custom .card-title-red,.card-custom .card-title-green{padding:.5rem 3rem;border-radius:.4rem}@media (max-width: 480px){.card-custom .card-title-common,.card-custom .card-title-red,.card-custom .card-title-green{padding:.5rem 2rem}}.card-custom .card-title-green{background-color:var(--color-primary400)}.card-custom .card-title-red{background-color:var(--color-red600)}.card-custom .card-text{font-size:2.5rem;font-weight:700}@media (max-width: 480px){.card-custom .card-text{font-size:1.5rem}}.card-custom .card-sub-text{font-size:1.5rem}@media (max-width: 480px){.card-custom .card-sub-text{font-size:1rem}}.card-custom .subscription-fee{margin-top:5px}.card-custom .divider-package{border:1px solid var(--color-blue600)}.card-custom .footer-text{font-weight:600;font-size:1.6rem}.card-custom .btn-choose{margin-top:6rem}.card-border-green{border:1px solid var(--color-primary400)}.card-border-blue{border:1px solid var(--color-blue400)}.card-border-red{border:1px solid var(--color-red400)}.card-border-purple{border:1px solid var(--color-purple400)}.card-border-yellow{border:1px solid yellow}.card-border-orange{border:1px solid orange}.card-border-pink{border:1px solid pink}.card-border-aqua{border:1px solid aqua}.card-border-violet{border:1px solid violet}.card-border-brown{border:1px solid brown}.card-package .ant-card-body{min-height:360px;display:flex;flex-direction:column}.main-page{background:#fff;height:100vh}.main-page .header{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-light);padding:0 15rem}.main-page .header .header-menu{display:flex;justify-content:right;color:var(--color-dark);flex:1;min-width:0}.main-page .header .header-menu .ant-menu-item-selected,.main-page .header .header-menu .ant-menu-submenu-selected,.main-page .header .header-menu .ant-menu-item-selected .ant-menu-submenu-title,.main-page .header .header-menu .ant-menu-submenu-selected .ant-menu-submenu-title{color:var(--color-secondary)}.payment-status-page{background-color:#fff;padding:3rem}@media (min-width: 768px){.payment-status-page{padding:3rem 5rem}}.payment-status-page .btn-back-page{border:1px solid var(--color-orange500)!important;color:var(--color-dark)!important;height:32px;font-size:1.6rem}@media (min-width: 768px){.payment-status-page .btn-back-page{height:42px}}.content-wrap{padding:0 48px;display:flex;flex-direction:column;align-items:center;background-color:wheat}.content-wrap .content-description{width:100%;gap:1.5rem;display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.content-wrap .content-description{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.content-wrap .content-description{grid-template-columns:repeat(2,1fr)}}@media (max-width: 320px){.content-wrap .content-description{grid-template-columns:repeat(1,1fr)}}.page-registration-content{margin:26px 0;padding:0 10px;grid-template-columns:1fr 50fr 1fr;display:grid;align-items:center}@media (min-width: 768px){.page-registration-content{margin:66px 0;grid-template-columns:1fr 2fr 1fr}}.page-registration-content .page-container{background-color:var(--color-light);padding:40px 50px 96px;border-radius:24px;gap:36px;border:1px solid var(--color-gray400)}@media (max-width: 576px){.page-registration-content .page-container{padding:40px 20px 96px}}.page-registration-content .page-container__header{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.page-registration-content .page-container__header--action{width:100%;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center}.page-registration-content .page-container__header--action img:hover{cursor:pointer}.page-registration-content .page-container__header--action .count-down-clock{right:15px;padding:3px 10px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:6px;background-color:var(--color-gray100)}.page-registration-content .page-container__header--action .count-down-clock span{font-size:16px;font-weight:700;font-family:Nunito}@media (min-width: 768px){.page-registration-content .page-container__header--action .count-down-clock{padding:6px 12px}}.page-registration-content .page-container__header--action .time-running-out{color:var(--color-red400);background-color:var(--color-red50)}.page-registration-content .page-container__header--action .btn-back{cursor:pointer}.page-registration-content .page-container__header--icon{width:70px;height:70px}@media (min-width: 768px){.page-registration-content .page-container__header--icon{width:80px;height:80px}}.page-registration-content .page-container .form-content{margin-top:1rem;width:100%}.page-registration-content .page-container .form-content h1{padding-top:1.5rem;color:var(--color-dark);font-weight:700;font-size:3rem;font-style:normal;line-height:26px;align-items:center;text-transform:capitalize;text-align:center}@media (max-width: 576px){.page-registration-content .page-container .form-content h1{font-size:2.5rem}}.page-registration-content .page-container .form-content .error_common{color:var(--color-red400)}.page-registration-content .page-container .form-content p{font-size:16px}.page-registration-content .page-container .form-content .form-register label{font-weight:600}.page-registration-content .page-container .form-content .form-register .form-field-name-2{display:flex;gap:20px}.page-registration-content .page-container .form-content .form-register .form-field-name-2 .form-group{width:100%;display:flex;flex-direction:column}.page-registration-content .page-container .form-content .form-register .form-field-name-2 .form-group .idType-label{margin-bottom:1rem;gap:3px;display:flex;justify-content:space-between;align-items:center}.page-registration-content .page-container .form-content .form-register .form-field-name-2 .form-group .form-field-self-access .ant-row{display:flex;flex-direction:row}.page-registration-content .page-container .form-content .form-register .ant-radio-group .ant-radio-wrapper span{font-weight:400}.page-registration-content .page-container .form-content .form-register .form-item-phoneNumber .ant-form-item-label .ant-form-item-required:before{content:none}.page-registration-content .page-container .form-content .form-register .form-action{display:flex;justify-content:center;margin-top:4.5rem}.page-registration-content .page-container .form-content .form-register .form-action .btn-action{width:100%;background-color:var(--color-blue500);color:var(--color-light);height:40px;padding:4px 30px}.page-registration-content .page-container .form-content .form-register .form-action .btn-action:disabled{color:var(--color-gray50);background-color:var(--color-gray100)}.page-registration-content .page-container .form-content .form-register .form-dependent-action{gap:10px}.page-registration-content .page-container .form-content .form-register .form-dependent-action .btn-do-later{background-color:var(--color-light);color:var(--color-blue500)}.page-registration-content .page-container .form-content .form-register .message-error{color:var(--color-red300)}.page-registration-content .page-container .form-content .dependent-header{padding-top:1.5rem;padding-bottom:1.5rem}.page-registration-content .page-container .form-content .dependent-header .dependent-header-1{margin-bottom:0;margin-top:0}.page-registration-footer{background-image:url("data:image/svg+xml,%3csvg%20width='1600'%20height='216'%20viewBox='0%200%201600%20216'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%201.60516L66.6667%200.773938C133.333%20-0.0572844%20266.667%20-1.71973%20400%205.52853C533.333%2012.81%20666.667%2028.969%20800%2031.9282C933.333%2034.8541%201066.67%2024.5469%201200%2026.4753C1333.33%2028.437%201466.67%2042.6011%201533.33%2049.7163L1600%2056.7983V216H0V1.60516Z'%20fill='url(%23paint0_linear_6_4111)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_6_4111'%20x1='1439.77'%20y1='251.785'%20x2='1213.79'%20y2='-506.961'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2300AEB3'/%3e%3cstop%20offset='1'%20stop-color='%238A74B3'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;width:100%;height:150px;display:flex;align-items:center;justify-content:center}.page-registration-free-content{margin:26px 0;padding:0 10px;grid-template-columns:auto auto auto;display:grid;align-items:center}@media (min-width: 768px){.page-registration-free-content{margin:66px 0;grid-template-columns:1fr 2fr 1fr}}.page-registration-free-content .page-container{background-color:var(--color-light);padding:40px 50px 96px;border-radius:24px;gap:36px;border:1px solid var(--color-gray400)}@media (max-width: 576px){.page-registration-free-content .page-container{padding:40px 20px 96px}}.page-registration-free-content .page-container__header{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.page-registration-free-content .page-container__header--action{width:100%;display:flex;align-items:center}.page-registration-free-content .page-container__header--action img:hover{cursor:pointer}.page-registration-free-content .page-container__header--action .count-down-clock{right:15px;padding:3px 10px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:6px;background-color:var(--color-gray100)}.page-registration-free-content .page-container__header--action .count-down-clock span{font-size:16px;font-weight:700;font-family:Nunito}@media (min-width: 768px){.page-registration-free-content .page-container__header--action .count-down-clock{padding:6px 12px}}.page-registration-free-content .page-container__header--action .time-running-out{color:var(--color-red400);background-color:var(--color-red50)}.page-registration-free-content .page-container__header--action .btn-back{cursor:pointer}.page-registration-free-content .page-container__header--icon{width:70px;height:70px}@media (min-width: 768px){.page-registration-free-content .page-container__header--icon{width:80px;height:80px}}.page-registration-free-content .page-container .form-content{margin-top:1rem;width:100%}.page-registration-free-content .page-container .form-content h1{padding-top:1.5rem;color:var(--color-dark);font-weight:700;font-size:3rem;font-style:normal;line-height:26px;align-items:center;text-transform:capitalize;text-align:center}@media (max-width: 576px){.page-registration-free-content .page-container .form-content h1{font-size:2.5rem}}.page-registration-free-content .page-container .form-content p{font-size:16px}.page-registration-free-content .page-container .form-content .form-register label{font-weight:600}.page-registration-free-content .page-container .form-content .form-register .form-field-name-2{display:flex;gap:20px}.page-registration-free-content .page-container .form-content .form-register .form-field-name-2 .form-group{width:100%;display:flex;flex-direction:column}.page-registration-free-content .page-container .form-content .form-register .form-field-name-2 .form-group .idType-label{margin-bottom:1rem;gap:3px;display:flex;justify-content:space-between;align-items:center}.page-registration-free-content .page-container .form-content .form-register .form-field-name-2 .form-group .form-field-self-access .ant-row{display:flex;flex-direction:row}.page-registration-free-content .page-container .form-content .form-register .ant-radio-group .ant-radio-wrapper span{font-weight:400}.page-registration-free-content .page-container .form-content .form-register .form-item-phoneNumber .ant-form-item-label .ant-form-item-required:before{content:none}.page-registration-free-content .page-container .form-content .form-register .form-action{display:flex;justify-content:center;margin-top:4.5rem}.page-registration-free-content .page-container .form-content .form-register .form-action .btn-action{width:100%;background-color:var(--color-blue500);color:var(--color-light);height:40px;padding:4px 30px}.page-registration-free-content .page-container .form-content .form-register .form-action .btn-action:disabled{color:var(--color-gray50);background-color:var(--color-gray100)}.page-registration-free-content .page-container .form-content .form-register .form-dependent-action{gap:10px}.page-registration-free-content .page-container .form-content .form-register .form-dependent-action .btn-do-later{background-color:var(--color-light);color:var(--color-blue500)}.page-registration-free-content .page-container .form-content .form-register .message-error{color:var(--color-red300)}.page-registration-free-content .page-container .form-content .dependent-header{padding-top:1.5rem;padding-bottom:1.5rem}.page-registration-free-content .page-container .form-content .dependent-header .dependent-header-1{margin-bottom:0;margin-top:0}.form-item-no-validate-margin{margin:0}.page-registration-footer{background-image:url("data:image/svg+xml,%3csvg%20width='1600'%20height='216'%20viewBox='0%200%201600%20216'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%201.60516L66.6667%200.773938C133.333%20-0.0572844%20266.667%20-1.71973%20400%205.52853C533.333%2012.81%20666.667%2028.969%20800%2031.9282C933.333%2034.8541%201066.67%2024.5469%201200%2026.4753C1333.33%2028.437%201466.67%2042.6011%201533.33%2049.7163L1600%2056.7983V216H0V1.60516Z'%20fill='url(%23paint0_linear_6_4111)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_6_4111'%20x1='1439.77'%20y1='251.785'%20x2='1213.79'%20y2='-506.961'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2300AEB3'/%3e%3cstop%20offset='1'%20stop-color='%238A74B3'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;width:100%;height:150px;display:flex;align-items:center;justify-content:center}.page-registration-footer p,.page-registration-footer a{color:var(--color-light)}.page-payment{background-color:var(--color-blue400);height:100vh;display:grid;grid-template-columns:auto auto auto;align-items:center}.page-payment-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.page-payment .payment-content{display:flex;flex-direction:column;align-items:center}.page-payment .payment-content .logo{width:100px;height:100px}.page-payment .payment-content span,.page-payment .payment-content h1,.page-payment .payment-content h3{color:var(--color-light)}.page-payment .payment-content h1{margin-bottom:6rem}.page-payment .payment-content h3{font-size:3rem;margin:auto;margin-bottom:3rem}.page-payment .payment-action{display:flex;gap:4rem}.page-payment .btn-action{background-color:var(--color-secondary)!important;color:var(--color-light)!important}.payment-status-page{overflow:auto}.payment-status-page-container{display:flex;flex-direction:column;gap:20px;height:100vh;font-size:14px}.payment-status-page-wrap{flex:1;overflow:auto;padding:2rem}.payment-status-page-content{text-align:center;grid-template-columns:auto auto auto;display:grid;align-items:center}@media (min-width: 768px){.payment-status-page-content{grid-template-columns:1fr 2fr 1fr}}@media (max-width: 1028px){.payment-status-page-content{line-height:1.4}}.payment-status-page-content .content-title{font-weight:700;font-size:2.6rem}@media (min-width: 768px){.payment-status-page-content .content-title{font-size:3.5rem}}.payment-status-page-content .content-subtitle{color:var(--color-secondary);font-weight:700;font-size:1.6rem}@media (min-width: 768px){.payment-status-page-content .content-subtitle{font-size:2.5rem}}.payment-status-page-content .section-content-message{margin-top:3rem;background-color:var(--color-light);padding:30px 50px 96px;border-radius:24px;gap:36px;border:1px solid var(--color-gray400)}@media (max-width: 576px){.payment-status-page-content .section-content-message{padding:30px 20px 96px}}.payment-status-page-content .section-content-message .btn-back-home-page{margin-top:2rem;height:32px;font-size:1.6rem;background-color:var(--color-blue500)}@media (min-width: 768px){.payment-status-page-content .section-content-message .btn-back-home-page{height:42px}}.payment-status-page-content .section-footer-button{display:flex;justify-content:center;gap:8px}.payment-status-page-content .scan-qr-code{display:flex;align-items:center;justify-content:center;gap:1rem}.payment-status-page-content .btn-activate-your-account{padding:.5rem;background-color:var(--color-blue700);color:var(--color-light);border-radius:.5rem}@media (min-width: 768px){.payment-status-page-content .btn-activate-your-account{padding:.8rem}}.payment-status-page .btn-payment-action{background-color:var(--color-yellow500)!important;color:var(--color-dark)!important;border:none;height:auto;max-width:250px;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;text-align:center}.payment-status-page-description{text-align:center}@media (max-width: 1028px){.payment-status-page-description{line-height:1.4}}.payment-status-page-description .content-title{font-weight:700;font-size:2.6rem}@media (min-width: 768px){.payment-status-page-description .content-title{font-size:3.5rem}}.ant-layout-footer{padding:0}.payment-status-page-footer-container{background-color:transparent}.payment-status-page-footer{background-image:url("data:image/svg+xml,%3csvg%20width='1600'%20height='216'%20viewBox='0%200%201600%20216'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%201.60516L66.6667%200.773938C133.333%20-0.0572844%20266.667%20-1.71973%20400%205.52853C533.333%2012.81%20666.667%2028.969%20800%2031.9282C933.333%2034.8541%201066.67%2024.5469%201200%2026.4753C1333.33%2028.437%201466.67%2042.6011%201533.33%2049.7163L1600%2056.7983V216H0V1.60516Z'%20fill='url(%23paint0_linear_6_4111)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_6_4111'%20x1='1439.77'%20y1='251.785'%20x2='1213.79'%20y2='-506.961'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2300AEB3'/%3e%3cstop%20offset='1'%20stop-color='%238A74B3'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;width:100%;height:150px;display:flex;align-items:center;justify-content:center}
