.online-products .container{max-width:1300px;position:relative;padding-left:20px!important;padding-right:20px!important}.online-products .plan-list{display:flex;justify-content:center;column-gap:24px;row-gap:30px;margin-top:54px}.online-products .plan-item{border:1px solid rgba(22,22,22,.3);border-radius:10px;padding:24px 14px;position:relative;max-width:410px;width:100%}.online-products .plan-item .off-50-percent-tag{position:absolute;top:0;right:50%;transform:translate(50%,-100%);background:linear-gradient(99.11deg,#AA3BFF 6.91%,#FF57B8 93.09%);border-radius:8px 8px 0 0;padding:0 18px 0 12px;height:24px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:'Poppins';font-size:14px;font-weight:700;color:#fff;white-space:nowrap}.online-products .plan-item .off-50-percent-tag svg{width:14px;height:12px;flex-shrink:0}.online-products .plan-item.most-popular{border:2px solid #E23BFF;background:#FBF5FE}.online-products .plan-item.most-popular .most-popular-tag{position:absolute;top:0;right:0;width:82px;height:82px;background-color:#E23BFF;border-radius:0 7px 0 0}.online-products .plan-item.most-popular .most-popular-tag:after{content:'';display:block;position:absolute;top:0;left:0;border-width:0 83px 83px 0;border-style:solid;border-color:transparent #FBF5FE transparent transparent;transform:rotate(180deg)}.online-products .plan-item.most-popular .most-popular-tag span{position:absolute;white-space:nowrap;top:11px;right:-4px;transform:rotate(45deg);color:#fff;font-size:14px;line-height:16px;font-weight:600;text-align:center}.online-products .plan-item .plan-name{font-family:'Poppins';font-size:24px;font-weight:600;color:#BF00E0;margin-left:10px;margin-bottom:14px;display:block}.online-products .plan-item .plan-desc{font-family:'Poppins';margin-left:10px;font-weight:400;min-height:48px}.online-products .plan-item .p-box{display:none}.online-products .plan-item .p-box.active{display:block}.online-products .plan-item.progress-1-active .p-box.p-box-1,.online-products .plan-item.progress-2-active .p-box.p-box-2,.online-products .plan-item.progress-3-active .p-box.p-box-3{display:block;position:relative}.online-products .plan-item .plan-price{font-family:'Poppins';font-size:18px;font-weight:500;color:#1C1D1F;display:flex;align-items:center;justify-content:center;flex-direction:column;height:112px}.online-products .plan-item.progress-1-active .plan-price,.online-products .plan-item.progress-2-active .plan-price,.online-products .plan-item.progress-3-active .plan-price{height:160px;justify-content:flex-start}.online-products .plan-price .plan-actual-price{font-size:34px;font-weight:600;margin-right:6px;line-height:120%}.online-products .plan-price .plan-virtual-price{font-size:16px;font-weight:400;color:#939599;text-decoration:line-through}.online-products .plan-generator-price{font-family:'Poppins';font-size:14px;font-weight:400;color:#484B4F;line-height:120%;margin-top:5px}.online-products .buy-button{border-radius:8px;width:100%;height:44px;font-family:'Poppins';font-size:18px;font-weight:500;background:#F3F4F8;border:1px solid #EBECEE;color:#1C1D1F;text-align:center;line-height:44px;display:block}.online-products .most-popular .buy-button{background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);color:#fff;border:none}.online-products .buy-button:hover{background:#EBECEE}.online-products .most-popular .buy-button:hover{background:linear-gradient(180deg,#C74FFF 0%,#7B3DFF 100%)}.online-products .most-popular .plan-progress{background:#E2D8E1}.online-products .no-progress{width:100%;height:16px;margin:20px auto 45px}.online-products .plan-progress{border-radius:46px;background:#EBECEE;height:16px;position:relative;display:flex;align-items:center;justify-content:space-between;position:absolute;top:160px;left:50%;transform:translateX(-50%);width:calc(100% - 48px)}.online-products .plan-progress .progress-bar{height:100%;background:#E23BFF;border-radius:46px;position:absolute;transition:all 0.3s ease-out}.online-products .plan-item.progress-1-active .progress-bar{width:0}.online-products .plan-item.progress-2-active .progress-bar{width:52%}.online-products .plan-item.progress-3-active .progress-bar{width:100%}.online-products .plan-progress .progress-text-box{position:relative;width:10px;height:10px;cursor:pointer;z-index:1;margin:0 3px}.online-products .plan-progress .progress-text-box::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300%;height:300%}.online-products .plan-progress .progress-text-box .progress-point{width:100%;height:100%;background:#7C7D7E;border-radius:50%;transition:all 0.3s ease-out}.online-products .plan-progress .progress-text{position:absolute;bottom:-8px;transform:translateY(100%);font-family:'Poppins';font-size:14px;font-weight:400;color:#484B4F;white-space:nowrap}.online-products .plan-progress .progress-text-box.progress-1 .progress-text{left:0}.online-products .plan-progress .progress-text-box.progress-2 .progress-text{left:50%;transform:translate(-50%,100%)}.online-products .plan-progress .progress-text-box.progress-3 .progress-text{right:-5px}.online-products .plan-item.progress-1-active .progress-text-box.progress-1,.online-products .plan-item.progress-2-active .progress-text-box.progress-2,.online-products .plan-item.progress-3-active .progress-text-box.progress-3{width:20px;height:20px;box-shadow:0 0 5px rgba(5,16,63,.46);border-radius:50%;margin:0}.online-products .plan-item.progress-1-active .progress-text-box.progress-1 .progress-point,.online-products .plan-item.progress-2-active .progress-text-box.progress-2 .progress-point,.online-products .plan-item.progress-3-active .progress-text-box.progress-3 .progress-point{border:3px solid #fff;background:#E23BFF}.online-products .plan-item.progress-2-active .progress-text-box.progress-1 .progress-point,.online-products .plan-item.progress-3-active .progress-text-box.progress-1 .progress-point,.online-products .plan-item.progress-3-active .progress-text-box.progress-2 .progress-point{background:#fff}.online-products .plan-progress.progress-dragging{cursor:grabbing!important;user-select:none}.online-products .plan-progress:not(.progress-dragging){cursor:grab}.online-products .plan-progress.progress-dragging .progress-bar{transition:none}body.progress-dragging-active{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.online-products .plan-progress .progress-text span{display:none}.online-products .plan-item.progress-1-active .progress-text-box.progress-1 .progress-text,.online-products .plan-item.progress-2-active .progress-text-box.progress-2 .progress-text,.online-products .plan-item.progress-3-active .progress-text-box.progress-3 .progress-text{font-weight:500;color:#1C1D1F}.online-products .plan-item.progress-1-active .progress-text-box.progress-1 .progress-text span,.online-products .plan-item.progress-2-active .progress-text-box.progress-2 .progress-text span,.online-products .plan-item.progress-3-active .progress-text-box.progress-3 .progress-text span{display:inline-block}.online-products .benefit-block{display:flex;flex-direction:column;gap:12px;margin-top:20px}.online-products .benefit-item{display:flex;align-items:flex-start;width:100%}.online-products .benefit-icon,.online-products .benefit-check-icon-main{width:20px;height:20px;flex-shrink:0}.online-products .benefit-icon{margin-right:4px}.online-products .benefit-check-icon-main{margin-right:10px}.online-products .benefit-text{font-size:14px;line-height:18px;font-weight:400;color:#484B4F}.online-products .benefit-number{font-family:'Poppins';font-weight:600;font-size:14px;line-height:18px;color:#1C1D1F}.online-products .benefit-item:first-child .benefit-number{color:#E23BFF}.online-products .benefit-supported-models{display:flex;flex-direction:column;gap:6px;margin-top:6px}.online-products .benefit-supported-model-item{display:flex;align-items:center;gap:6px}.online-products .benefit-supported-model-item img{width:16px;height:16px;flex-shrink:0}.online-products .benefit-supported-model-item span{font-family:'Poppins';font-size:13px;line-height:18px;color:#484B4F}@media (max-width:1280px){.online-products .plan-list{column-gap:10px}}@media (max-width:1024px){.online-products .plan-list{flex-direction:column;align-items:center;margin-top:30px;overflow:hidden}.online-products .plan-item:has(.off-50-percent-tag){margin-top:24px}.online-products .plan-progress{top:145px}.online-products .container{padding-left:0!important;padding-right:0!important}}@media (max-width:768px){.online-products .plan-item{padding:20px 10px}.online-products .plan-item .plan-name{font-size:18px;margin-bottom:10px}.online-products .plan-item .plan-price{font-size:16px}.online-products .plan-price .plan-actual-price{font-size:32px}.online-products .plan-price .plan-virtual-price{margin-left:4px}.online-products .buy-button{height:36px;line-height:36px;font-size:16px}.online-products .benefit-supported-model-item img{width:14px;height:14px}.online-products .benefit-supported-model-item span{font-size:12px;line-height:16px}.online-products .plan-progress .progress-text{font-size:12px}}@media (max-width:450px){.online-products .plan-generator-price{max-width:320px}.online-products .plan-item:not(.most-popular) .plan-progress{top:148px}}