.container{width:100%;margin:20px 0 40px}.boarding-step-header{background-color:#fff;color:#fff;padding:20px;position:relative;border-radius:10px;max-width:900px;margin:0 auto 25px;box-shadow:0 1px 3px #00006214}.step-indicator{font-size:18px;font-weight:600;letter-spacing:1px;margin-bottom:15px;display:flex;align-items:center}.step-indicator i{margin-right:10px;font-size:20px}.progress-container{display:flex;align-items:center;margin-bottom:30px}.boarding-progress-bar{flex-grow:1;height:20px;background-color:#ebebeb33;border-radius:10px;overflow:hidden;margin-bottom:20px;position:relative}.progress-fill{display:block!important;height:100%;width:20%;background:linear-gradient(90deg,#8aff80,#5cdb5c);border-radius:6px;transition:width .5s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);z-index:1;background-size:20px 20px;animation:moveStripes 2s linear infinite;border-radius:6px}@keyframes moveStripes{0%{background-position:0 0}to{background-position:20px 0}}.progress-text{font-size:10px;white-space:nowrap;min-width:160px;text-align:right}.progress-milestones{width:100%;display:flex;justify-content:space-between;margin-top:10px;padding:0 5px}.milestone{width:20px;height:20px;border-radius:50%;background-color:#ffffff4d;position:relative;transition:all .3s ease}.milestone.completed{background-color:#8aff80;box-shadow:0 0 0 3px #8aff804d}.milestone.active{background-color:#4a6de5;box-shadow:0 0 0 3px #4a6de54d;transform:scale(1.2)}.milestone-label{position:absolute;top:25px;left:50%;transform:translate(-50%);font-size:12px;color:#fffc;white-space:nowrap}.content{max-width:700px;padding:0;background-color:#fff;border-radius:20px;box-shadow:0 15px 35px #00006214;overflow:hidden;margin:0 auto}.main-content{width:100%;margin:0 auto;padding:40px 50px}.section-title{font-size:28px;font-weight:600;color:#2d3a8f;margin-bottom:25px;display:flex;align-items:center}.section-title i{margin-right:12px;font-size:24px}.info-cards{display:grid;grid-template-columns:1fr;gap:15px;margin-bottom:40px}.info-card{background-color:#f0f5ff;border-radius:12px;padding:20px;border-left:5px solid #4a6de5;transition:all .3s ease;cursor:pointer;position:relative}.info-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4a6de51f;background-color:#e8f0ff}.info-card.active{background-color:#4a6de5;color:#fff;border-left:5px solid #3a4bb8;box-shadow:0 5px 15px #4a6de54d}.info-card.completed{border-left:5px solid #27ae60}.info-card.completed .card-title i{color:#27ae60}.info-card.active .card-title,.info-card.active .card-title i{color:#fff}.info-card.active .card-content{color:#ffffffe6}.card-title{font-size:18px;font-weight:600;color:#2d3a8f;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.card-title i{margin-right:10px;color:#4a6de5;font-size:16px}.checkmark{color:#27ae60;font-size:16px;opacity:0;transition:opacity .3s ease}.info-card.completed .checkmark{opacity:1}.info-card.active .card-title i{color:#fff}.card-content{color:#555;line-height:1.5;font-size:14px}.note-box{background-color:#fff9e6;border-left:5px solid #ffc107;padding:25px;border-radius:12px;margin-bottom:40px}.note-title{font-size:18px;font-weight:600;color:#b38c00;margin-bottom:10px;display:flex;align-items:center}.note-title i{margin-right:10px}.note-content{color:#8a6d00;line-height:1.6}.form-container{margin-bottom:40px}.form-title{font-size:24px;font-weight:600;color:#2d3a8f;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #eaeef5}.form-description{color:#666;margin-bottom:25px;line-height:1.6;font-size:16px}.tab-navigation{display:flex;justify-content:center;gap:10px}.tab-button{width:20%;padding:15px 25px;background-color:#4a6de505;border:none;border-radius:6px;color:#666;cursor:pointer;position:relative;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.tab-button i{margin-right:10px;font-size:18px}.tab-button:hover{color:#4a6de5}.tab-button.active,.tab-button.completed{color:#fff}.tab-button.completed i{color:#27ae60}.tab-button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#4a6de5;border-radius:3px 3px 0 0}.tab-button.active{background-color:#4a6de5}.tab-content{display:none;animation:fadeIn .5s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-form{display:flex;flex-direction:column}.form-section{background-color:#f8fafd;border-radius:12px;padding:30px;border:1px solid #eaeef5;margin-bottom:25px}.form-section-title{font-size:22px;font-weight:600;color:#2d3a8f;margin-bottom:25px;display:flex;align-items:center}.form-section-title i{margin-right:12px;font-size:20px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1;margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600;color:#444}.required:after{content:" *";color:#e74c3c}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],select,textarea{width:100%;padding:14px 16px;border:.1rem solid #d0d7e7;border-radius:8px;font-size:inherit;transition:all .3s;background-color:#fff;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:#4a6de5;box-shadow:0 0 0 3px #4a6de526}textarea{min-height:120px;resize:vertical}.form-hint{font-size:14px;color:#666;margin-top:6px;font-style:italic}.checkbox-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.checkbox-item{display:flex;align-items:center}.checkbox-item input[type=checkbox]{margin-right:8px;width:18px;height:18px}.radio-group{display:flex;gap:25px;margin-top:10px}.radio-item{display:flex;align-items:center}.radio-item input[type=radio]{margin-right:8px;width:18px;height:18px}.domain-providers{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:10px}.provider-option{display:flex;align-items:center;padding:12px 15px;background-color:#fff;border:1px solid #d0d7e7;border-radius:8px;cursor:pointer;transition:all .2s}.provider-option:hover{border-color:#4a6de5;background-color:#f0f5ff}.provider-option input{margin-right:10px}.tab-navigation-buttons{display:flex;justify-content:space-between;margin-top:40px;padding-top:30px;border-top:1px solid #eaeef5}.btn{padding:16px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(90deg,#4a6de5,#3a4bb8);color:#fff;box-shadow:0 5px 15px #4a6de54d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4a6de566}.btn-secondary{background-color:#fff;color:#4a6de5;border:1px solid #4a6de5}.btn-secondary:hover{background-color:#f0f5ff}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn i{margin-right:10px}.form-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:15px;background-color:#f0f5ff;border-radius:10px}.form-step{display:flex;align-items:center;font-weight:600;color:#666}.form-step.active{color:#4a6de5}.form-step i{margin-right:8px}.footer{text-align:center;padding:20px;color:#666;font-size:14px;width:100%;max-width:1200px;border-top:1px solid #eaeef5;margin-top:auto}@media screen and (max-width:992px){.content{flex-direction:column}.sidebar,.main-content{width:100%}.sidebar{border-right:none;border-bottom:1px solid #eaeef5}.form-row{flex-direction:column;gap:0}.tab-navigation{flex-wrap:wrap}.tab-button{flex:1;min-width:120px;justify-content:center;padding:12px 15px}.progress-milestones{display:none}}@media screen and (max-width:768px){.boarding-step-header,.main-content{padding:30px 25px}.section-title{font-size:24px}.tab-navigation{flex-direction:column}.tab-button{width:100%;display:none}.tab-button.active{display:block}.form-section{padding:20px}.tab-navigation-buttons{flex-direction:row;gap:15px}.btn{width:100%}.domain-providers{grid-template-columns:1fr}.form-progress{flex-direction:column;gap:10px;align-items:flex-start}.progress-text{min-width:120px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-boarding.css.map */