body,html{background:var(--gray-background)}.main-payment-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #ebe9f3;height:64px;display:flex;align-items:center}.main-payment-header .container{display:flex;align-items:center;gap:24px;height:100%}.header-logo{flex-shrink:0}.header-logo img{height:32px;display:block}.header-steps{flex:1;justify-content:center;gap:0}.header-steps,.hs-item{display:flex;align-items:center;position:relative}.hs-item{flex-direction:column;gap:4px;flex:1;max-width:160px}.hs-item:not(:last-child):after{content:"";position:absolute;top:15px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:#e0daf5;z-index:0}.hs-item.active:after,.hs-item.done:after{background:#6439ff}.hs-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#ebe9f3;color:#91899e;z-index:1;position:relative;flex-shrink:0}.hs-item.active .hs-circle{background:#fff;border:2px solid #6439ff;color:#6439ff}.hs-item.done .hs-circle{background:#6439ff;color:#fff;border:none}.hs-label{font-size:11px;font-weight:600;color:#91899e;white-space:nowrap}.hs-item.active .hs-label,.hs-item.done .hs-label{color:#6439ff}.header-secure{flex-shrink:0;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#27ae60}@media (max-width:767px){.hs-label{display:none}.main-payment-header{padding:0 16px}}.main-payment-content .white-card{background:var(--white);box-shadow:0 40px 40px rgba(68,53,126,.05);border-radius:16px;margin-bottom:16px;display:flex;justify-content:space-between}.main-payment-content .white-card .left{padding:32px 24px;flex:1;position:relative}.main-payment-content .white-card .left .safe-env{position:absolute;right:24px;top:0;display:flex;align-items:center;gap:8px;border:2px solid var(--gray-200);border-top:none;border-radius:0 0 16px 16px;padding:10px 16px}.main-payment-content .white-card .left .safe-env i{color:var(--success)}.main-payment-content .white-card .left .backbutton-wrapper{margin:0 0 32px}.main-payment-content .white-card .left .backbutton-wrapper .btn{padding:0!important}.main-payment-content .white-card .left .steps{display:flex;align-items:center;gap:40px;margin-bottom:64px}.main-payment-content .white-card .left .steps .item{display:flex;align-items:center;gap:24px}.main-payment-content .white-card .left .steps .item.step1:not(.active){cursor:pointer}.main-payment-content .white-card .left .steps .item .number{display:flex;align-items:center;justify-content:center;border:2px solid var(--gray-300);min-width:64px;max-width:64px;height:64px;border-radius:200px;font-size:32px;font-weight:500;color:var(--gray-300)}.main-payment-content .white-card .left .steps .item.active .number{border:2px solid var(--primary);color:var(--primary)}.main-payment-content .white-card .left .steps .item .text{font-size:20px;color:var(--gray-300);font-weight:700;line-height:24px}.main-payment-content .white-card .left .steps .item.active .text{color:var(--gray-800)}.main-payment-content .white-card .left .step-content:not(.active){display:none}.main-payment-content .white-card .left .form-block-title{border-bottom:2px solid var(--gray-300);padding-bottom:8px;margin-bottom:16px}.main-payment-content .white-card .left .endbutton{margin-top:16px}.main-payment-content .white-card .left .endbutton .btn{width:100%}.main-payment-content .white-card .left .endmsg{font-size:14px;margin-top:16px}.main-payment-content .white-card .left .plans-list{display:flex;gap:24px}.main-payment-content .white-card .left .plans-list .radio-option{display:flex;border-right:1px solid var(--gray-200);padding-right:24px}.main-payment-content .white-card .left .plans-list .radio-option:first-child{min-width:200px}.main-payment-content .white-card .left .plans-list .radio-option:last-child{border-right:none}.main-payment-content .white-card .left .plans-list .radio-option .form-check{padding-top:31px}.main-payment-content .white-card .left .plans-list .radio-option .texts .hat{color:var(--primary);font-size:14px}.main-payment-content .white-card .left .plans-list .radio-option .texts .price strong{font-size:24px}.main-payment-content .white-card .left .plans-list .radio-option .texts .detail{font-size:14px}.main-payment-content .white-card .left .plans-list .radio-option .texts .detail strong{font-size:16px;font-weight:700}.main-payment-content .white-card .left .plans-list .radio-option .texts .detail .badge{font-size:14px;margin-left:8px}.main-payment-content .white-card .left .plans-list .radio-option .texts .detail-gray{font-size:14px;color:var(--gray-600)}.main-payment-content .white-card .left .cancel-msg{color:var(--gray-600);display:flex;align-items:center;gap:12px;margin-top:16px;margin-bottom:32px;background:#F3F0FF;border-radius:100px;padding:4px;color:#877CB5}.main-payment-content .white-card .left .products-list{display:flex;flex-wrap:wrap;gap:16px}.main-payment-content .white-card .left .product-box{border:2px solid var(--primary);display:flex;flex-direction:column;align-items:center;flex:1;padding:16px;border-radius:10px;width:255px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;justify-content:space-between}.main-payment-content .white-card .left .product-box.selected{border:2px solid var(--primary);color:var(--primary)}.main-payment-content .white-card .left .product-box:not(.selected){border:2px solid var(--gray-300)}.main-payment-content .white-card .left .product-box .name{font-weight:700;font-size:20px;color:var(--gray-800);display:block;line-height:24px;margin-bottom:16px;flex:1}.main-payment-content .white-card .left .product-box.selected .name{color:var(--primary)}.main-payment-content .white-card .left .product-box .check-item{display:flex;gap:8px;text-align:left;margin-bottom:16px;font-size:14px}.main-payment-content .white-card .left .product-box .check-item i{color:var(--success)}.main-payment-content .white-card .left .product-box .price{font-size:14px}.main-payment-content .white-card .left .product-box .price .value{font-weight:700;font-size:20px;line-height:24px;margin-bottom:16px;margin-left:6px}.main-payment-content .white-card .left .product-box.selected .price .value{color:var(--primary)}.main-payment-content .white-card .left .product-box .check-selected{position:absolute;right:-4px;top:-4px;width:32px;height:32px;border-radius:100px;background:var(--primary);color:var(--white);display:none;align-items:center;justify-content:center}.main-payment-content .white-card .left .product-box.selected .check-selected{display:flex}.main-payment-content .white-card .left .inputs-list{display:flex;flex-direction:column;gap:8px}.main-payment-content .white-card .left .button-plusdoc{width:100%}.main-payment-content .white-card .left .plus-info{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.main-payment-content .white-card .left .plus-info strong{color:var(--primary)}.main-payment-content .white-card .left .total-info{margin-top:16px;display:flex;gap:8px;align-items:baseline}.main-payment-content .white-card .left .total-info strong{color:var(--primary);font-size:20px}.main-payment-content .white-card .left .coupon{display:flex}.main-payment-content .white-card .left .coupon input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:0}.main-payment-content .white-card .left .coupon .btn{width:250px;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.main-payment-content .white-card .left .coupon-validate-alert{margin-top:8px;background:var(--success-background);padding:8px 16px;border-radius:8px;border:1px solid var(--success)}.main-payment-content .white-card .left .coupon-validate-alert strong{color:var(--gray-950)}.main-payment-content .white-card .left .coupon-new-value{height:100%;display:flex;align-items:center;gap:8px}.main-payment-content .white-card .left .coupon-new-value strong{color:var(--success);font-size:24px}.main-payment-content .white-card .left .coupon-validate-alert p{margin:0}.main-payment-content .white-card .left .method-content:not(.active){display:none}.main-payment-content .white-card .left .payment-cards-list{margin-bottom:24px;display:flex;flex-direction:column;gap:4px}.main-payment-content .white-card .left .payment-cards-list .item input{display:none}.main-payment-content .white-card .left .payment-cards-list .item label{display:flex;align-items:center;cursor:pointer;border-radius:10px;border:2px solid var(--gray-300);padding:8px 12px;gap:8px;justify-content:space-between;margin-bottom:0}.main-payment-content .white-card .left .payment-cards-list .item input:checked~label{border-color:var(--primary);color:var(--primary)}.main-payment-content .white-card .left .payment-cards-list .item label .card-left{display:flex;align-items:center;gap:8px}.main-payment-content .white-card .left .payment-cards-list .item label figure{margin:0;max-width:24px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.main-payment-content .white-card .left .payment-cards-list .item label img{max-height:24px;max-width:24px}.main-payment-content .white-card .left .payment-cards-list .item label .name-numb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-payment-content .white-card .left .payment-cards-list .item label .card-right{display:flex;align-items:center;gap:8px}.main-payment-content .white-card .left .payment-cards-list .item label .card-right button{display:flex;align-items:center;justify-content:center;background:none;color:var(--danger)}.main-payment-content .white-card .right{padding:32px;background:linear-gradient(#726E82,#464450);border-radius:0 16px 16px 0;color:var(--white);min-width:416px;max-width:416px}.main-payment-content .white-card .right h1{color:var(--white);font-size:24px;margin-bottom:32px}.main-payment-content .white-card .right .box{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.main-payment-content .white-card .right .box .item{display:flex;gap:12px;align-items:center}.main-payment-content .white-card .right .box .item i,.main-payment-content .white-card .right .box .item.title i{color:var(--white)}.main-payment-content .white-card .right .box .item.title span{font-size:20px;font-weight:700}.main-payment-content .white-card .waiting-payment-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.main-payment-content .white-card .waiting-payment-content h2{font-size:32px}.main-payment-content .white-card .waiting-payment-content .qrcode{max-width:200px;min-width:200px}.main-payment-content .white-card .waiting-payment-content .qrcode img{width:100%}.main-payment-content .white-card .success-content{padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.main-payment-content .white-card .success-content h1{font-size:32px}@media only screen and (max-width:1399px){.main-payment-content .white-card .left .plans-list .radio-option .texts .detail .badge{margin-left:0}.main-payment-content .white-card .left .plus-info{margin-top:8px}}@media only screen and (max-width:1199px){.main-payment-content .white-card .left .steps{margin-top:32px}.main-payment-content .white-card .left .products-list{flex-direction:column}.main-payment-content .white-card .left .product-box{width:100%}}@media only screen and (max-width:991px){.main-payment-content .white-card .right{display:none}}@media only screen and (max-width:767px){.main-payment-content .white-card{padding-top:48px!important}.main-payment-content .white-card .left{padding:0}.main-payment-content .white-card .left .safe-env{right:0;top:-48px}}@media only screen and (max-width:575px){.main-payment-content .white-card .left .steps{gap:24px}.main-payment-content .white-card .left .steps .item{gap:12px}.main-payment-content .white-card .left .steps .item .number{min-width:50px;max-width:50px;height:50px;font-size:24px}.main-payment-content .white-card .left .steps .item .text{font-size:16px;line-height:18px}}@media only screen and (max-width:500px){.main-payment-content .white-card .left .plans-list{flex-direction:column;gap:16px}.main-payment-content .white-card .left .plans-list .radio-option{border-right:none;border-bottom:1px solid var(--gray-200);padding:0 0 16px}}