*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}.hero{background-color:#34325c}footer{background-color:#34325c;color:#fff}footer p,footer a{color:#f4f4f4!important;font-size:14px}footer input{background-color:#d7dee5!important}footer .app-title-md{font-size:38px}footer .app-title-lg{font-size:48px}body{font-family:Inter,sans-serif;background-color:#f8f8f8}.bg-app{background-color:#fab703;color:#fff}.bg-light-yellow{background-color:#fef6cc}.text-app{color:#fab703}.text-app-secondary{color:#f98502}.border-app{border-color:#fab703;border-style:solid}.btn-app{background-color:#fab703;color:#fff}.btn-app:hover{background-color:#f98502;color:#fff}.btn-light-app{background-color:#fff;color:#fab703;border:#FAB703 1px solid}.btn-light-app:hover{background-color:#fab703;color:#fff}.btn-app-secondary{background-color:#f98502;color:#fff}.btn-app-secondary:hover{background-color:#fab703;color:#fff}.btn-light-app-secondary{background-color:#fff;color:#f98502;border:#F98502 1px solid}.btn-light-app-secondary:hover{background-color:#f98502;color:#fff}.btn-app-dark{background-color:#34325c;color:#fab703;border:#FAB703 1px solid}.btn-app-dark:hover{background-color:#57539a;color:#fab703;border:#FAB703 1px solid}.shadow-xs{box-shadow:0 5px 20px #b7b7b71a}svg{width:24px}.widget-chart{border:1px solid #EFF2F5;text-align:center;padding:1rem;position:relative}.course-video iframe{width:100%!important;height:100%!important;border-radius:10px!important}.icon-wrapper{width:54px;height:54px;margin:0 auto;position:relative;overflow:hidden;display:flex;align-content:center;align-items:center}.icon-wrapper .icon-wrapper-bg{position:absolute;height:100%;width:100%;z-index:3;opacity:.2}.icon-wrapper svg,.icon-wrapper i{padding:10px;margin:0 auto;font-size:1.7rem!important;position:relative;z-index:5;width:inherit}.card p{font-size:14px}.bg-blue{background-color:#2b9ebc;color:#fff}ul.pagination li.page-item:first-child{margin-right:auto}ul.pagination li.page-item:last-child{margin-left:auto}ul.pagination li.page-item:first-child .page-link,ul.pagination li.page-item:last-child .page-link{border:1px solid #EAECF0}ul.pagination li.page-item .page-link{margin-left:2px;margin-right:2px;border:none;border-radius:8px;color:#3a3f44}ul.pagination li.page-item .page-link:hover{background:#FBEFCD;color:#f98502!important}ul.pagination li.page-item .page-link svg{width:16px}ul.pagination li.page-item+.active .page-link{background:#FBEFCD;color:#f98502!important}figure{margin-bottom:0}.figure-people1{z-index:10}.figure-people2{position:absolute;right:8px}.figure-people4,.figure-people6{z-index:10;position:absolute;right:8px}.figure-people-group{position:relative;right:-48px}.img-hero{width:auto!important;margin:auto}.img-hero-end{width:auto!important;margin-left:auto}.hero-614{height:614px!important}.hero-512{height:512px!important}.hero-560{height:560px!important}.hero-500{height:500px!important}.hero-484{height:484px!important}.hero-459{height:459px!important}.hero-400{height:400px!important}.hero-350{height:350px!important}.hero-303{height:303px!important}.hero5{position:absolute;top:-150%;right:10%}.course-home .pagination-course ul.pagination li.page-item{width:48px;font-size:16px}.course-home .pagination-course ul.pagination li.page-item:first-child{margin-right:auto}.course-home .pagination-course ul.pagination li.page-item:last-child{margin-left:auto}.course-home .pagination-course ul.pagination li.page-item:first-child .page-link,.course-home .pagination-course ul.pagination li.page-item:last-child .page-link{border:1px solid #EAECF0}.course-home .pagination-course ul.pagination li.page-item .page-link{padding-top:10px;text-align:center;height:44px;margin-left:2px;margin-right:2px;border:none;border-radius:4px;color:#3a3f44}.course-home .pagination-course ul.pagination li.page-item .page-link:hover{background:#F98502;color:#fbefcd!important}.course-home .pagination-course ul.pagination li.page-item .page-link svg{width:16px}.course-home .pagination-course ul.pagination li.page-item+.active .page-link{background:#F98502;color:#fbefcd!important}.checkout-page{max-width:650px;display:flex;flex-direction:column;align-items:center;margin:auto;font-family:Inter}.checkout-page>h4{margin-top:80px;font-style:normal;font-weight:700;font-size:28px;color:#fab703}.checkout-page>p{font-style:normal;font-weight:400;font-size:14px;color:#747d87;text-align:center}.checkout-page .form-wizard{margin-top:32px;margin-bottom:100px;width:100%}.checkout-page .form-wizard .steps{position:relative;width:100%;margin-bottom:80px;display:grid;grid-template-rows:1fr;grid-template-columns:24px 100px 24px 100px 24px 100px 24px;justify-content:center;align-items:center}.checkout-page .form-wizard .steps .dot-wrapper{background:transparent;width:24px;height:24px;position:relative;border-radius:50%}.checkout-page .form-wizard .steps .dot-wrapper .outer{background:#E4E9EE;width:40px;height:40px;border-radius:50%;position:absolute;top:-8px;left:-8px}.checkout-page .form-wizard .steps .dot-wrapper .ellipse{background:#FFFFFF;position:absolute;width:24px;height:24px;text-align:center;border-radius:50%;top:0;left:0}.checkout-page .form-wizard .steps .dot-wrapper .ellipse .dot{background:#E4E9EE;position:absolute;width:8px;height:8px;border-radius:50%;left:8px;top:8px}.checkout-page .form-wizard .steps .dot-wrapper .ellipse svg{width:14px;color:#f98502}.checkout-page .form-wizard .steps .dot-wrapper p{font-family:Inter;font-style:normal;font-weight:400;font-size:14px;color:#d6dde5;margin-top:45px}.checkout-page .form-wizard .steps .dot-wrapper .order-step{margin-left:-8px}.checkout-page .form-wizard .steps .dot-wrapper .payment-step{margin-left:-16px}.checkout-page .form-wizard .steps .dot-wrapper .success-step,.checkout-page .form-wizard .steps .dot-wrapper .confirm-step{margin-left:-12px}.checkout-page .form-wizard .steps .dot-wrapper.active .dot,.checkout-page .form-wizard .steps .dot-wrapper.passed .dot{background:#F98502}.checkout-page .form-wizard .steps .dot-wrapper.active p,.checkout-page .form-wizard .steps .dot-wrapper.passed p{color:#f98502}.checkout-page .form-wizard .steps .line{background:#E4E9EE;width:100px;height:2px}@media screen and (max-width: 500px){.checkout-page .form-wizard .steps{grid-template-columns:24px 50px 24px 50px 24px 50px 24px}.checkout-page .form-wizard .steps .line{width:50px}}.checkout-page .form-wizard .form .card{border:none!important;border-radius:24px;padding:20px;position:relative}.checkout-page .form-wizard .form .form-order .course{display:grid;grid-template-rows:auto 2fr;grid-template-columns:100px 1fr;align-items:center;margin-bottom:24px;border:solid 1px #E4E9EE;border-radius:16px;padding:14px 16px}.checkout-page .form-wizard .form .form-order .course h6{grid-row:1;grid-column:1/span 2;margin-bottom:16px}.checkout-page .form-wizard .form .form-order .course .course-thumbnail{grid-row:2;grid-column:1}.checkout-page .form-wizard .form .form-order .course .course-thumbnail img{border-radius:8px}.checkout-page .form-wizard .form .form-order .course .course-name-price{grid-row:2;grid-column:2;margin-left:12px}.checkout-page .form-wizard .form .form-order .course .course-name-price>p:first-child{margin-bottom:8px}.checkout-page .form-wizard .form .form-order .course .course-name-price>p:last-child{font-weight:700;margin-bottom:0}.checkout-page .form-wizard .form .form-order .payment-method .manual-payment-method{border:solid 1px #E4E9EE;border-radius:16px;padding:14px 16px;margin-bottom:16px}.checkout-page .form-wizard .form .form-order .payment-method .manual-payment-method .payment-method-list{margin-left:24px}.checkout-page .form-wizard .form .form-order .payment-method .manual-payment-method .payment-method-list>p{color:#747d87;font-size:12px;margin-bottom:12px}.checkout-page .form-wizard .form .form-order .payment-method .auto-payment-method{border:solid 1px #E4E9EE;border-radius:16px;padding:14px 16px;margin-bottom:16px}.checkout-page .form-wizard .form .form-order .payment-method .auto-payment-method .payment-method-list{margin-left:24px}.checkout-page .form-wizard .form .form-order .payment-method .auto-payment-method .payment-method-list>p{color:#747d87;font-size:12px;margin-bottom:12px}.checkout-page .form-wizard .form .form-order .payment-method .auto-payment-method .methods{display:inline-block}.checkout-page .form-wizard .form .form-order .payment-method .auto-payment-method .methods img{width:60px}.checkout-page .form-wizard .form .form-order .payment-method .form-check-label{font-size:15px}.checkout-page .form-wizard .form .form-order .payment-method .form-check-input:checked{background-color:#f98502;border-color:#f98502}.checkout-page .form-wizard .form .form-order h5{color:#3a3f44;font-size:16px;margin-bottom:16px;font-weight:700}.checkout-page .form-wizard .form .form-order .total-order,.checkout-page .form-wizard .form .form-order .total-disbursement{display:flex;justify-content:space-between}.checkout-page .form-wizard .form .form-order .total-order>p,.checkout-page .form-wizard .form .form-order .total-disbursement>p{margin-bottom:0}.checkout-page .form-wizard .form .form-order .total-order{color:#747d87}.checkout-page .form-wizard .form .form-order .total-disbursement>p:last-child{color:#fab703;font-weight:700}.checkout-page .form-wizard .form .form-order .payment-info{display:flex;justify-content:flex-start;align-items:center;margin:18px 0}.checkout-page .form-wizard .form .form-order .payment-info .hero-icon{background:#FCEFCD;border-radius:50%;padding:2px 6px;margin-right:8px}.checkout-page .form-wizard .form .form-order .payment-info .hero-icon svg{width:14px;margin-top:-3px}.checkout-page .form-wizard .form .form-order .payment-info .caption{color:#747d87;font-size:12px}.checkout-page .form-wizard .form .form-order hr{border-color:#d6dde5}.checkout-page .form-wizard .form .form-order .action{display:flex;justify-content:flex-end}.checkout-page .form-wizard .form .form-order .action .btn-next{color:#fff;background:#F98502;border-radius:8px;padding:10px 50px}.checkout-page .form-wizard .form .form-order .action .btn-next svg{width:16px}.checkout-page .form-wizard .form .form-order .action .btn-next:hover{color:#fff;background:#FAB703}.checkout-page .form-wizard .form .form-payment .course{display:grid;grid-template-rows:auto 2fr;grid-template-columns:100px 1fr;align-items:center;margin-bottom:24px;border:solid 1px #E4E9EE;border-radius:16px;padding:14px 16px}.checkout-page .form-wizard .form .form-payment .course h6{grid-row:1;grid-column:1/span 2;margin-bottom:16px}.checkout-page .form-wizard .form .form-payment .course .course-thumbnail{grid-row:2;grid-column:1}.checkout-page .form-wizard .form .form-payment .course .course-thumbnail img{border-radius:8px}.checkout-page .form-wizard .form .form-payment .course .course-name-price{grid-row:2;grid-column:2;margin-left:12px}.checkout-page .form-wizard .form .form-payment .course .course-name-price>p:first-child{margin-bottom:8px}.checkout-page .form-wizard .form .form-payment .course .course-name-price>p:last-child{font-weight:700;margin-bottom:0}.checkout-page .form-wizard .form .form-payment .total-disbursement{margin:24px auto;text-align:center}.checkout-page .form-wizard .form .form-payment .total-disbursement>p{color:#747d87;font-weight:400;font-size:16px;margin-bottom:0}.checkout-page .form-wizard .form .form-payment .total-disbursement>div{display:flex;justify-content:center;align-items:center}.checkout-page .form-wizard .form .form-payment .total-disbursement>div span:first-child{color:#fab703;font-size:24px;font-weight:700;margin-right:12px}.checkout-page .form-wizard .form .form-payment .total-disbursement>div span:last-child a{color:#f98502;font-size:14px;text-decoration:none}.checkout-page .form-wizard .form .form-payment .payment-destination{text-align:center;margin:24px auto 0}.checkout-page .form-wizard .form .form-payment .payment-destination>p{color:#575e66;font-weight:400;font-size:16px;margin-bottom:0}.checkout-page .form-wizard .form .form-payment .payment-destination>img{margin-top:20px;margin-bottom:20px}.checkout-page .form-wizard .form .form-payment .payment-destination .bank-account-info>div{display:flex;justify-content:center;align-items:center}.checkout-page .form-wizard .form .form-payment .payment-destination .bank-account-info>div span:first-child{color:#232629;font-size:16px;font-weight:600;margin-right:12px}.checkout-page .form-wizard .form .form-payment .payment-destination .bank-account-info>div span:last-child a{color:#f98502;font-size:14px;text-decoration:none}.checkout-page .form-wizard .form .form-payment .payment-destination .bank-account-info>p{color:#747d87;font-size:14px;font-weight:400;margin-top:8px}.checkout-page .form-wizard .form .form-payment .upload-section{display:none;background:rgba(225,224,241,.2);border:dashed 1px #F98502;border-radius:6px;text-align:center;padding:16px}.checkout-page .form-wizard .form .form-payment .upload-section>h6{color:#3a3f44;font-weight:500;font-size:14px}.checkout-page .form-wizard .form .form-payment .upload-section>p{color:#aebccb;font-weight:400;font-size:14px}.checkout-page .form-wizard .form .form-payment .upload-section>p:first-child{margin-bottom:16px}.checkout-page .form-wizard .form .form-payment .upload-section>p:last-child{margin-top:8px;margin-bottom:0;text-align:left}.checkout-page .form-wizard .form .form-payment .action{margin-top:24px}.checkout-page .form-wizard .form .form-payment .action .btn-confirm{color:#fff;background:#F98502;border-radius:8px;margin-bottom:16px}.checkout-page .form-wizard .form .form-payment .action .btn-confirm:hover{color:#fff;background:#FAB703}.checkout-page .form-wizard .form .form-payment .action .btn-cancel{border-radius:8px}.checkout-page .form-wizard .form .form-confirm .loader{background:#B0C6F6;width:120px;border-radius:50%;margin:auto}.checkout-page .form-wizard .form .form-confirm .course{display:grid;grid-template-rows:auto 2fr;grid-template-columns:100px 1fr;align-items:center;margin-bottom:0;border:solid 1px #E4E9EE;border-radius:16px;padding:14px 16px}.checkout-page .form-wizard .form .form-confirm .course h6{grid-row:1;grid-column:1/span 2;margin-bottom:16px}.checkout-page .form-wizard .form .form-confirm .course .course-thumbnail{grid-row:2;grid-column:1}.checkout-page .form-wizard .form .form-confirm .course .course-thumbnail img{border-radius:8px}.checkout-page .form-wizard .form .form-confirm .course .course-name-price{grid-row:2;grid-column:2;margin-left:12px}.checkout-page .form-wizard .form .form-confirm .course .course-name-price>p:first-child{margin-bottom:8px}.checkout-page .form-wizard .form .form-confirm .course .course-name-price>p:last-child{font-weight:700;margin-bottom:0}.checkout-page .form-wizard .form .form-confirm .card-body>h5{color:#3a3f44;font-weight:500}.checkout-page .form-wizard .form .form-confirm .card-body>h5 svg{margin-bottom:2px}.checkout-page .form-wizard .form .form-confirm .card-body>p{font-size:14px;font-weight:400}.checkout-page .form-wizard .form .form-confirm .card-body .first-paragraph{color:#747d87!important;margin-bottom:0}.checkout-page .form-wizard .form .form-confirm .card-body .second-paragraph{color:#3a3f44}.checkout-page .form-wizard .form .form-success .check-icon{width:120px;background:#D1FADF;border-radius:50%;margin:auto;text-align:center;padding:30px 0}.checkout-page .form-wizard .form .form-success .check-icon svg{color:#43936c;width:60px;height:60px;margin:auto}.checkout-page .form-wizard .form .form-success .card-body>h5{color:#232629;font-weight:16px;font-weight:500;text-align:center;margin-top:24px}.checkout-page .form-wizard .form .form-success .card-body>p{font-size:14px;font-weight:400;text-align:center}.checkout-page .form-wizard .form .form-success .card-body .first-paragraph{color:#747d87!important;margin-bottom:0}.checkout-page .form-wizard .form .form-success .card-body .second-paragraph{color:#3a3f44}.checkout-page .form-wizard .form .form-success .invoice{border:dashed 1px #E4E9EE;border-radius:8px;padding:16px}.checkout-page .form-wizard .form .form-success .invoice .head-section{display:flex;justify-content:space-between;font-size:14px;margin-bottom:16px}.checkout-page .form-wizard .form .form-success .invoice .head-section div:first-child{color:#3a3f44}.checkout-page .form-wizard .form .form-success .invoice .head-section div:last-child,.checkout-page .form-wizard .form .form-success .invoice .head-section div a{color:#f98502}.checkout-page .form-wizard .form .form-success .invoice .head-section div a{text-decoration:none}.checkout-page .form-wizard .form .form-success .invoice .body-section .col-12{padding:0}.checkout-page .form-wizard .form .form-success .invoice .body-section .text-secondary-tms{color:#f98502}.checkout-page .form-wizard .form .form-success .invoice .body-section .table-striped,.checkout-page .form-wizard .form .form-success .invoice .body-section .table-striped tbody{font-size:12px}.checkout-page .form-wizard .form .form-success .invoice .body-section .table-striped tbody tr:nth-of-type(odd)>*{--bs-table-accent-bg: #F5F0E9}.checkout-page .form-wizard .form .form-success .invoice .body-section .invoice-footer{font-size:14px}.checkout-page .form-wizard .form .form-success .invoice .body-section .invoice-footer .border-icon{background-color:#f98502;border-radius:50%;margin-right:4px}.checkout-page .form-wizard .form .form-success .invoice .body-section .invoice-footer svg{width:16.25px;height:16.25px;stroke:#fff;margin:10px}.checkout-page .form-wizard .form .form-success .invoice .body-section .invoice-footer div h6{font-size:12px;margin-bottom:2px}.checkout-page .form-wizard .form .form-success .invoice .body-section .invoice-footer div p{font-size:12px;margin-bottom:0}.checkout-page .form-wizard .form .form-success .action{margin-top:24px}.checkout-page .form-wizard .form .form-success .action .btn-back{color:#fff;background:#F98502;border-radius:8px;margin-bottom:0}.checkout-page .form-wizard .form .form-success .action .btn-back:hover{color:#fff;background:#FAB703}.checkout-page .cancel-order>h4{color:#bd251c;text-align:center;margin-top:80px;margin-bottom:32px;font-weight:700}.checkout-page .cancel-order .card{border:none!important;border-radius:24px;padding:20px;position:relative;margin-bottom:100px}.checkout-page .cancel-order .x-mark-icon{width:120px;background:#EEB4B0;border-radius:50%;margin:auto;text-align:center;padding:30px 0}.checkout-page .cancel-order .x-mark-icon svg{color:#bd251c;width:60px;height:60px;margin:auto}.checkout-page .cancel-order .card-body>h5{color:#3a3f44;font-weight:16px;font-weight:500;margin-top:24px}.checkout-page .cancel-order .card-body>p{font-size:14px;font-weight:400}.checkout-page .cancel-order .card-body .first-paragraph{color:#747d87!important;margin-bottom:0;text-align:justify}.checkout-page .cancel-order .card-body .second-paragraph{color:#3a3f44;margin-bottom:24px}.checkout-page .cancel-order .card-body .course{display:grid;grid-template-rows:auto 2fr;grid-template-columns:100px 1fr;align-items:center;margin-bottom:0;border:solid 1px #E4E9EE;border-radius:16px;padding:14px 16px}.checkout-page .cancel-order .card-body .course h6{grid-row:1;grid-column:1/span 2;margin-bottom:16px}.checkout-page .cancel-order .card-body .course .course-thumbnail{grid-row:2;grid-column:1}.checkout-page .cancel-order .card-body .course .course-thumbnail img{border-radius:8px}.checkout-page .cancel-order .card-body .course .course-name-price{grid-row:2;grid-column:2;margin-left:12px}.checkout-page .cancel-order .card-body .course .course-name-price>p:first-child{margin-bottom:8px}.checkout-page .cancel-order .card-body .course .course-name-price>p:last-child{font-weight:700;margin-bottom:0}.checkout-page .cancel-order .card-body .action{margin-top:24px}.checkout-page .cancel-order .card-body .action .btn-back{color:#fff;background:#F98502;border-radius:8px;margin-bottom:0}.checkout-page .cancel-order .card-body .action .btn-back:hover{color:#fff;background:#FAB703}#cancelOrderModal .modal-no-border{border-top:unset;border-bottom:unset}
