.container{width:96%;margin:auto;padding:90px 0 60px}.progress-bar{justify-content:center;align-items:center;gap:100px;width:auto;margin:auto;display:flex}.progress-blop{background:var(--bg-dull);border:1px solid var(--reverse);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;min-width:30px;min-height:30px;display:flex;position:relative}.progress-blop p{color:var(--reverse);font-size:16px;font-weight:800}.progress-bar .active{background:var(--primary);border:1px solid var(--primary)}.progress-bar .active p{color:#fff}.progress-rule{background:var(--bg-dull);border:1px solid var(--reverse);width:105px;height:5px;position:absolute;left:105%}.progress-bar .rule-active{background:var(--primary);border:1px solid var(--primary)}.steps-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:30px;display:flex}.steps{background:var(--bg-dull);text-align:center;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:40%;min-height:500px;padding:20px;animation:.2s ease-in-out slide-left;display:flex}@keyframes slide-left{0%{transform:translate(500px)}to{transform:translate(0)}}.step-header{color:var(--primary);font-size:20px}.step-super-header{color:var(--text);text-transform:uppercase;justify-content:center;align-items:center;gap:10px;font-size:20px;display:flex}.step-super-header i{color:var(--accent)}.step-text{color:var(--text-dull);font-size:13px}.step-text span{color:var(--primary);font-weight:600}.step-subhead{color:var(--text);font-size:16px;font-weight:600}.step-chain{background:var(--reverse);border-radius:15px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:10px;display:flex}.step-chain-item{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;font-size:18px;font-weight:600;display:flex}.step-chain-item img{object-fit:cover;width:7vw;height:7vw}.step-chain-item:hover{transform:scale(1.03)}.step-chain-item:hover .step-chain-item p{color:var(--primary)}.step-chain .selected{background:var(--bg-dull);border-radius:10px;padding:10px 20px}.step-action-wrapper{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.step-action-btn{text-transform:uppercase;cursor:pointer;border-radius:10px;width:100%;padding:10px;font-size:15px;font-weight:600}.step-action-btn i{font-weight:lighter}.step-action-wrapper .next{color:#fff;background:var(--primary)}.step-action-wrapper .next:hover{background:var(--primary-dull)}.step-action-wrapper .back{color:var(--text);background:var(--bg)}.step-action-wrapper .back:hover{color:var(--text-dull)}.step-action-roller{text-transform:uppercase;cursor:pointer;background:var(--bg);cursor:not-allowed;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:10px;font-size:15px;font-weight:600;display:flex}.step-action-roller div{border:3px solid var(--bg);border-top:3px solid var(--primary);border-bottom:3px solid var(--text);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite roller}@keyframes roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-select,.step-input{background:var(--bg);width:100%;color:var(--text);font-size:13px;font-weight:500;font-family:var(--text-font);border:none;border:1px solid var(--reverse);border-radius:10px;outline:none;padding:10px}.step-select:focus,.step-input:focus{border:1px solid var(--primary)}.step-price-wrapper{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.step-price-wrapper p{font-size:22px;font-weight:600}.step-price-input{letter-spacing:1px;background:var(--bg);width:80%;color:var(--text);font-size:16px;font-weight:500;font-family:var(--text-font);border:none;border:1px solid var(--reverse);text-align:center;border-radius:10px;outline:none;padding:10px}#step-1{display:flex}@media (max-width:1000px){.steps{width:90%}}@media (max-width:500px){.container{padding:105px 0}.steps{width:100%;min-height:auto;padding:12px}.step-chain-item img{width:50px;height:50px}.progress-rule{width:42px}.progress-bar{gap:40px;width:auto;margin-top:20px}.step-price-wrapper p{font-size:14px;font-weight:400}.step-price-input{padding:8px 10px;font-size:14px}}.create-loader div{border:20px solid var(--bg);border-bottom:20px double var(--primary);border-top:20px double var(--text);width:150px;height:150px;box-shadow:inset 0px 0px 2px var(--primary), 0px 0px 2px var(--primary);border-radius:50%;animation:2.5s linear infinite roller}.create-loader{margin-bottom:40px}.create-loader-wrapper{gap:10px}.create-loader-wrapper h2{color:var(--primary);font-size:22px}.create-loader-wrapper p{color:var(--text-dull);font-size:14px}.already-link{color:var(--text);font-size:12px}.already-link a{color:var(--accent);cursor:pointer}.created-wrapper{z-index:100;background:var(--shadow);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0;right:0}.created-box{background:var(--bg);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:35vw;padding:20px;animation:.2s ease-in-out dropUp;display:flex}@keyframes dropUp{0%{transform:translateY(300px)}to{transform:translateY(0)}}.created-box h3{color:var(--primary);font-size:22px}.created-list{background:var(--bg-dull);border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;width:100%;min-height:300px;max-height:300px;margin:20px 0;padding:5px;display:flex;overflow-y:scroll}.created-list-item{text-align:left;border:1px solid var(--reverse);width:100%;color:var(--text);border-radius:5px;padding:5px 10px;font-size:12px}.created-list-item span{color:var(--text-dull)}.created-list-item b{color:var(--text-dull);font-size:10px;font-weight:500}.created-close-btn{text-align:center;background:var(--accent);color:#000;cursor:pointer;border-radius:5px;width:30%;padding:8px 10px;font-size:15px;font-weight:500}.created-close-btn:hover{background:var(--accent-dull)}@media (max-width:800px){.created-box{border-radius:10px;width:98%;padding:14px}}.tut-btn{text-align:center;background:var(--bg);width:100%;color:var(--primary);border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.tut-btn i{font-size:18px}