.text-xxl{font-size:24px;line-height:34px}.text-xl{font-size:20px;line-height:28px}.text-m{font-size:14px;line-height:20px}.capitalize{text-transform:capitalize}.font-bold{font-weight:700}.font-semibold{font-weight:600}.w-100{width:100%}.w-fit{width:-moz-fit-content;width:fit-content}.flex{display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.align-center{align-items:center}.fw-400{font-weight:400}.fw-700{font-weight:700}.p-16{padding:16px}.pl-4{padding-left:4px}.pl-10{padding-left:10px}.pl-12{padding-left:12px}.pl-16{padding-left:16px}.pb-4{padding-bottom:4px}.pb-12{padding-bottom:12px}.pt-4{padding-top:4px}.pt-10{padding-top:10px}.pt-12{padding-top:12px}.pt-16{padding-top:16px}.pr-16{padding-right:16px}.py-2{padding-bottom:2px;padding-top:2px}.py-8{padding-bottom:8px;padding-top:8px}.py-12{padding-bottom:12px;padding-top:12px}.ps-16{padding-left:16px;padding-right:16px}.lh-16{line-height:16px}.lh-20{line-height:20px}.lh-21{line-height:21px}.lh-24{line-height:24px}.fs-12{font-size:12px}.fs-16{font-size:16px}.gray{color:#666}.yellow{color:#8b760b}.ic-info{height:48px;width:48px}.ls-decimal{font-weight:700;list-style:decimal;padding-left:16px}.ls-decimal li{padding:12px 0 12px 5px;position:relative}.ls-decimal li:before{border-top:1px solid #e8e8e8;content:"";height:0;left:-16px;position:absolute;top:0;width:calc(100% + 16px)}.ls-decimal li .ls-disc{font-weight:400;list-style-type:disc}.ls-decimal li .ls-disc li{padding:4px 0}.ls-decimal li .ls-disc li:before{content:none}.wrapper{background-color:#f9f9f9}.header-group{background:#0070a9;background:linear-gradient(180deg,#0070a9,transparent);background-position:bottom;background-size:cover;margin:-16px -16px 0;padding:20px 16px}.header-group .profile-card{background-image:url(./bg-profile-blue.DDQuDyNt.png);background-size:cover;border-radius:8px;padding:8px 12px}.card-content{background-color:#fff;border-radius:12px;box-shadow:0 0 13px #0000002b;line-height:21px}.agreement-card{align-items:center;display:flex;justify-content:center}.agreement-text{text-align:left}.user{border-radius:50%;height:40px;width:40px}.center{align-items:center;display:flex}.info{background-color:#00a8cd;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.line{border-bottom:1px solid #e8e8e8;padding-top:12px}.fixed-action-footer{-moz-column-gap:8px;column-gap:8px;display:flex;padding-top:16px;width:100%}.label-click{background-color:#f8fbff;border:1px solid #005da6}.cards{border-radius:8px;padding:12px;text-align:center;text-decoration:none}.cards-primary{background-color:#fff;border:1px solid #e8e8e8}.cards-secondary{background-color:#f8fbff;border:1px solid #005da6}.btn{border-radius:8px;display:inline-block;font-size:16px;padding:12px;text-align:center;text-decoration:none}.btn.btn-outline-primary{background-color:#fff;border:1px solid #005da6;color:#005da6}.btn.btn-disabled{background-color:#999;border:1px solid #999;color:#fff}.btn.btn-primary{background-color:#005da6;border:1px solid #005da6;color:#fff}.check-agreement .form-check-input:checked~.dynamic-bg{background-color:#f8fbff;border-color:#005da6}.form-check-input{border-radius:6px;height:20px;width:20px}.check-agreement .form-check-input:focus{border-color:#dee2e6;box-shadow:none}.check-agreement .form-check-input:checked{background-color:#005da6;border-color:#005da6}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Roboto,sans-serif;font-size:14px}ol,ul{list-style:none}h1{font-size:24px}h1,h2{font-weight:700}h2{font-size:20px}h3{font-size:18px;font-weight:700}p{font-size:14px}#mylawson-app{display:flex;flex-direction:column;min-height:100vh}.nav-bar{border-bottom:2px solid #e1e1e1;height:65px}.nav-bar__container{display:flex;height:100%;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 16px;width:100%}.nav-bar__logo{margin:auto 0}.nav-bar__item{display:flex;gap:12px;justify-items:center}.nav-bar__item__logout{color:#d00b0b;cursor:pointer;display:flex;font-weight:700;gap:4px;height:-moz-fit-content;height:fit-content;justify-items:center;margin-bottom:auto;margin-left:38px;margin-top:auto}.nav-bar__item__logout span{margin:auto 0}.nav-bar__item__contact{display:flex;gap:4px;height:-moz-fit-content;height:fit-content;justify-items:center;margin-bottom:auto;margin-top:auto}.nav-bar__item__contact span{margin:auto 0}@media screen and (max-width:780px){.nav-bar__item__contact{display:none}}main{display:flex;flex:1;flex-direction:column;margin-left:auto;margin-right:auto;max-width:1200px;padding:16px;width:100%}.footer{background-color:#f1f1f1;height:60px}@media screen and (max-width:780px){.footer{height:auto;padding-bottom:16px;padding-top:16px}}.footer__container{display:flex;height:100%;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 16px;width:100%}@media screen and (max-width:780px){.footer__container{flex-direction:column-reverse;gap:12px}}.footer__copyrigth{color:#666;margin-bottom:auto;margin-top:auto}.footer__social-media{display:flex;gap:12px}.footer__social-media li{margin-bottom:auto;margin-top:auto}.footer__contact{display:none}@media screen and (max-width:780px){.footer__contact{display:flex;flex-direction:column;gap:6px}}.footer__contact li{display:flex;gap:4px;height:-moz-fit-content;height:fit-content;justify-items:center;margin-bottom:auto;margin-top:auto}.button-primary{background-color:#0070a9;border:1px solid #0070a9;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.button-primary:disabled{background-color:#e8e8e8;border:1px solid #e8e8e8;color:#999;cursor:not-allowed}.button-secondary{background-color:#fff;border:1px solid #0070a9;border-radius:8px;color:#0070a9;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.button-secondary:disabled{background-color:#e8e8e8;border:1px solid #e8e8e8;color:#999;cursor:not-allowed}.card{border:1px solid #d4ddf0;border-radius:12px}.card__header{border-bottom:1px solid #d4ddf0;font-weight:600;padding:20px}.card__body{padding:20px}.input-field{margin:12px 0}.input-field__container{display:flex;flex-direction:column;position:relative}.input-field__label{color:#666;font-size:12px;font-weight:700;margin-bottom:6px}.input-field__input{border:1px solid #e8e8e8;border-radius:6px;font-size:12px;padding:10px 12px}.input-field__input:focus{border:1px solid #c1c1c1;outline:none}.input-field__error{border:1px solid #d00b0b}.input-field__error:focus{border:1px solid #d00b0b;outline:none}.input-field__password-icon{bottom:6px;cursor:pointer;position:absolute;right:8px}.input-field__error-message{color:#d00b0b!important;font-size:12px!important;margin-top:4px}.login{align-items:center;display:flex;flex:1;justify-content:center}.login p{color:#999;font-size:14px}.login__card{box-shadow:0 7px 20px -9px #0003;height:-moz-fit-content;height:fit-content;max-width:400px}.login__error-bar{background-color:#ffedec;border-radius:4px;display:flex;gap:4px;margin:16px 0;padding:8px}.login__error-bar svg{flex-shrink:0}.login__error-bar p{color:#d00b0b!important;font-size:12px}.content{align-items:center;display:flex;flex:1;flex-direction:column}@media screen and (max-width:780px){.content{align-items:start}}.account-information{flex-direction:column;gap:50px;height:-moz-fit-content;height:fit-content;max-width:850px;width:100%}.account-information,.account-information__content{display:flex;justify-content:space-between}@media screen and (max-width:780px){.account-information__content{flex-direction:column;gap:16px}}.account-information__content__personal-data{display:flex;flex:1;flex-direction:column;gap:8px}.account-information__content__personal-data__item{display:flex;flex:1;justify-content:space-between}.account-information__content__personal-data__item p:first-child{width:42%}.account-information__content__personal-data__item p:last-child{width:58%}.account-information__content__contact{display:flex;flex:1;flex-direction:column;gap:8px}.account-information__content__contact__item{display:flex;flex:1;justify-content:space-between}.account-information__content__contact__item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50%}.account-information__content__contact__item p:first-child{width:42%}.account-information__content__contact__item p:last-child{width:58%}.account-information__alert{align-items:center;border-radius:6px;display:flex;margin-bottom:16px}.account-information__alert div{background-color:#ffe5cc;border-radius:50%;height:44px;overflow:hidden;width:44px}@media screen and (max-width:780px){.account-information__alert div{height:60px;width:60px}}.account-information__alert div img{height:40px;margin-left:14px;margin-top:4px}@media screen and (max-width:780px){.account-information__alert div img{height:58px}}.account-information__alert p{align-items:center;border:2px solid #ffe5cc;border-radius:6px;color:#d46900;display:flex;flex:1;font-size:14px;font-weight:500;height:-moz-fit-content;height:fit-content;margin-left:-20px;padding:10px 32px;z-index:-1}@media screen and (max-width:780px){.account-information__alert p{font-size:12px;height:52px;padding:4px 32px}}.account-information__button-container{display:flex;justify-content:end}.term-condition{max-width:850px;width:100%}.term-condition__information{align-items:center;display:flex;gap:8px;justify-content:space-between}.term-condition__information h3{color:#8b760b}.term-condition__information p{color:#666}.term-condition__information svg{flex-shrink:0}.term-condition__container{background-color:#f9f9f9;border:1px solid #e8e8e8;border-radius:12px;margin:12px 0;padding:16px}.term-condition__content{max-height:30vh;overflow-y:auto;scroll-behavior:smooth}.term-condition__content::-webkit-scrollbar-track{background-color:#f5f5f500;border-radius:12px}.term-condition__content::-webkit-scrollbar{background-color:#f5f5f500;width:8px}.term-condition__content::-webkit-scrollbar-thumb{background-color:#d00b0b;border-radius:12px;height:12px}.term-condition__content::-webkit-scrollbar-track-piece:end{background-color:#ffedec;border-radius:12px;margin-bottom:20px}.term-condition__content::-webkit-scrollbar-track-piece:start{background-color:#ffedec;border-radius:12px;margin-top:20px}.term-condition__content ol{list-style:decimal;list-style-position:outside;padding:0 20px}.term-condition__content ol li{font-weight:600}.term-condition__content ol h4,.term-condition__content ol li{margin-bottom:4px;margin-top:8px}.term-condition__content ol ul{color:#666;list-style:disc}.term-condition__content ol ul li{font-weight:500;margin-bottom:4px;margin-top:8px}.term-condition__content ol ul li::marker{color:#666666a6;font-size:10px}.term-condition__content ol p{font-weight:400!important;line-height:18px}.term-condition__agreement{display:flex;gap:8px}.term-condition__agreement input[type=checkbox]{accent-color:#0075ff;flex-shrink:0;height:20px;width:20px}.term-condition__agreement lebel{font-weight:600}.term-condition__agreement p{margin-top:4px}@media screen and (max-width:780px){.term-condition__agreement p{font-size:12px}}.user-reason{max-width:850px;width:100%}.user-reason__form{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;max-height:210px}@media screen and (max-width:780px){.user-reason__form{max-height:500px}}.user-reason__form p{color:#666;font-size:10px;text-align:right}.user-reason__form textarea{background-color:#f9f9f9;border:1px solid #d8d8d8;border-radius:8px;font-family:Roboto,sans-serif;font-size:14px;overflow-y:auto;padding:12px 16px;resize:none;scroll-behavior:smooth;width:100%}.user-reason__form textarea::-webkit-scrollbar-track{background-color:#f5f5f500;border-radius:12px}.user-reason__form textarea::-webkit-scrollbar{background-color:#f5f5f500;width:8px}.user-reason__form textarea::-webkit-scrollbar-thumb{background-color:#d00b0b;border-radius:12px;height:12px}.user-reason__form textarea::-webkit-scrollbar-track-piece:end{background-color:#ffedec;border-radius:12px;margin-bottom:20px}.user-reason__form textarea::-webkit-scrollbar-track-piece:start{background-color:#ffedec;border-radius:12px;margin-top:20px}.user-reason__form textarea:disabled{background-color:#e8e8e8}.user-reason__item{align-items:center;color:#333;display:flex;font-size:14px;gap:12px}.user-reason__item input[type=radio]{height:20px;width:20px}.user-verification{max-width:850px;width:100%}.user-verification .card__header{display:flex;gap:12px}.user-verification__tab{background-color:#fff;border:1px solid #e8e8e8;border-radius:20px;color:#d00b0b;color:#999;cursor:pointer;font-weight:600;padding:8px 12px;transition:background-color .3s ease}.user-verification__tab:disabled{background-color:#e8e8e8;border:1px solid #e8e8e8;color:#999;cursor:not-allowed}.user-verification__tab__active{background-color:#fff;border:1px solid;border-radius:20px;color:#d00b0b;cursor:pointer;font-weight:600;padding:8px 12px;transition:background-color .3s ease}.user-verification__tab__active:disabled{background-color:#e8e8e8;border:1px solid #e8e8e8;color:#999;cursor:not-allowed}.user-verification__information-bar{background-color:#e6f4ff;border-radius:4px;display:flex;gap:8px;margin:16px 0;padding:8px}.user-verification__information-bar svg{flex-shrink:0}.user-verification__information-bar p{color:#005da6!important;font-size:12px}.user-verification__verify-tab{display:flex;flex-direction:column;gap:50px;justify-content:space-between}.user-verification__verify-tab__content{display:flex;gap:16px;justify-content:space-between}@media screen and (max-width:780px){.user-verification__verify-tab__content{flex-direction:column;gap:16px}}.user-verification__verify-tab__content__personal-data{display:flex;flex:1;flex-direction:column;gap:8px}.user-verification__verify-tab__content__personal-data__item{display:flex;flex:1;justify-content:space-between}.user-verification__verify-tab__content__personal-data__item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-verification__verify-tab__content__personal-data__item p:first-child{width:42%}.user-verification__verify-tab__content__personal-data__item p:last-child{width:58%}.user-verification__verify-tab__content__contact{display:flex;flex:1;flex-direction:column;gap:8px}.user-verification__verify-tab__content__contact__item{display:flex;flex:1;justify-content:space-between}.user-verification__verify-tab__content__contact__item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-verification__verify-tab__content__contact__item p:first-child{width:42%}.user-verification__verify-tab__content__contact__item p:last-child{width:58%}.user-verification__verify-tab__button-container{align-items:end;display:flex;flex-direction:column;gap:4px;justify-content:end}.user-verification__verify-tab__button-container p{font-size:12px;text-align:right}.user-verification__verify-tab__button-container p.limit{color:#d00b0b}.user-verification__term-tab{background-color:#f9f9f9;border:1px solid #e8e8e8;border-radius:12px;margin:12px 0;padding:16px}.user-verification__term-tab__content{max-height:30vh;overflow-y:auto;scroll-behavior:smooth}.user-verification__term-tab__content::-webkit-scrollbar-track{background-color:#f5f5f500;border-radius:12px}.user-verification__term-tab__content::-webkit-scrollbar{background-color:#f5f5f500;width:8px}.user-verification__term-tab__content::-webkit-scrollbar-thumb{background-color:#d00b0b;border-radius:12px;height:12px}.user-verification__term-tab__content::-webkit-scrollbar-track-piece:end{background-color:#ffedec;border-radius:12px;margin-bottom:20px}.user-verification__term-tab__content::-webkit-scrollbar-track-piece:start{background-color:#ffedec;border-radius:12px;margin-top:20px}.user-verification__term-tab__content p{color:#666;padding-right:12px}.user-verification__term-tab__content ol{color:#666;list-style:decimal;list-style-position:outside;padding:0 20px}.user-verification__term-tab__content ol ul{color:#666;list-style:disc}.user-verification__term-tab__content ol ul li::marker{color:#666666a6;font-size:10px}.user-verification__term-tab__content ol ul p{font-weight:400!important}.user-verification__term-tab__content li{font-weight:600;margin-bottom:4px;margin-top:8px}.user-verification__term-tab__content p{line-height:18px}.stepper-lg{justify-content:space-around;margin-bottom:16px}.stepper-lg,.stepper-lg__progress{align-items:center;display:flex;gap:8px}.stepper-lg__progress__number{align-items:center;background-color:#005da6;border:2px solid #e6f4ff;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.stepper-lg__progress__label{color:#005da6;font-size:14px;font-weight:600}.stepper-lg__progress:not(:last-child):after{background-color:#005da6;border-radius:12px;content:"";display:block;height:2px;width:40px}.stepper-lg__inactive{filter:grayscale(100%);opacity:.5}.stepper-sm{align-items:center;display:flex;gap:12px;margin-bottom:16px}.stepper-sm__circle{background-color:#005da6;border-radius:50%;display:flex;float:left;height:40px;position:relative;width:40px}.stepper-sm__progress{transform:rotate(-90deg)}.stepper-sm__progress-ring{fill:none;stroke:#e6f4ff}.stepper-sm__label{color:#005da6;font-size:14px;font-weight:600}.stepper-sm__text{color:#e6f4ff;font-size:14px;font-weight:600;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:40px}.modal__overlay{align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;min-height:100dvh;position:fixed;top:0;width:100%}@media screen and (max-width:780px){.modal__overlay{align-items:end}}.modal__header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;font-size:12px;gap:8px;margin:-20px -20px 0;padding:20px}.modal__header button{background-color:transparent;border:none;cursor:pointer;height:22px;width:22px}.modal__body{background-color:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 0 5px 200vh #0000002a;max-width:450px;padding:20px;width:100%}@media screen and (max-width:780px){.modal__body{border:none;border-radius:12px 12px 0 0}}.modal__content__title{font-size:24px;font-weight:700;margin:16px 0;text-align:center}.modal__content__description{font-size:14px;margin:16px 0;text-align:center}.modal__content__image{display:flex;justify-content:center}.modal__content__image img{height:auto;width:80%}.modal__footer{display:flex;flex-direction:row;gap:12px;justify-content:center;margin-top:16px}@media screen and (max-width:780px){.modal__footer{flex-direction:column-reverse}}.modal__footer__button{min-height:38px}