.formWrapper{position:relative;background:#fff;border-radius:16px;padding:25px;overflow:hidden;box-shadow:none}.formWrapper::before{position:absolute;top:0;left:24px;right:24px;height:3px;background:linear-gradient(90deg,#5338ff,#6F57E9 55%,#ffc465);border-radius:0 0 3px 3px;pointer-events:none}.formWrapper .topContentWrapper{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:2px}.formWrapper h3{color:#0B0757;font-size:16px;margin-bottom:2px}.formWrapper .topContentWrapper ul{display:flex;gap:3px;list-style:none;flex-wrap:nowrap;padding:4px;background:#F7F7F7 0% 0% no-repeat padding-box;border-radius:8px}.formWrapper .topContentWrapper ul li{border-radius:50px}.formWrapper .topContentWrapper ul li a{display:flex;align-items:center;padding:6px 13px;font-size:13px;font-weight:500;color:#313131;border-radius:8px;text-decoration:none;white-space:nowrap;border:1px solid #F7F7F7;transition:color 0.22s ease,background 0.22s ease,box-shadow 0.22s ease}.formWrapper .topContentWrapper ul li.active a{background:#fff;color:#313131;border-color:#a7a7a7}.formWrapper .topContentWrapper ul li a span{display:none}.formWrapper .tab-pane{opacity:0;visibility:hidden;display:none;transform:translateY(5px);transition:opacity 0.28s ease,transform 0.28s ease}.tab-pane.active{opacity:1;visibility:visible;display:block;position:relative;transform:translateY(0)}.contactFormSection .formWrapper form{margin-top:18px;display:flex;flex-direction:column;gap:12px}.contactFormSection .formWrapper input{background:#F7F7F7 0% 0% no-repeat padding-box;border:1.5px solid transparent;border-radius:8px;padding:12px;color:#1C1B3A;font-size:14px;width:100%;line-height:20px;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;-webkit-appearance:none;appearance:none}.contactFormSection .formWrapper input::placeholder{color:#474756}.contactFormSection .formWrapper input:focus{border-color:#6F57E9;background:#fff;box-shadow:0 0 0 4px rgba(111,87,233,.1)}.contactFormSection .formWrapper input:disabled{opacity:.42;cursor:not-allowed}#orderOtpSection{display:flex;flex-direction:column;gap:10px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);transition:max-height 0.42s cubic-bezier(.4,0,.2,1),opacity 0.3s ease 0.06s,transform 0.3s ease 0.04s}#orderOtpSection.otp-visible{max-height:180px;opacity:1;transform:translateY(0)}#orderOtpHint{font-size:12.5px;color:#6B6B8A;margin:0;line-height:18px}#orderResendOtp{color:#6F57E9;font-size:13px;font-weight:500;text-decoration:none;align-self:flex-end;transition:opacity 0.18s ease}#orderResendOtp:hover{opacity:.65}input#otp:disabled{display:none!important}.hide{display:none}div#otpWrapper input{padding:12px 5px!important;flex-basis:calc(100% / 6 - 13px);text-align:center}.track-steps{display:flex;align-items:center;max-height:0;overflow:hidden;opacity:0;margin-bottom:0;transition:max-height 0.38s ease,opacity 0.28s ease 0.08s,margin-bottom 0.3s ease}.track-steps.visible{max-height:40px;opacity:1;margin-bottom:10px}.track-step{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#AEAEC8;white-space:nowrap}.track-step span{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:#F0EEFB;color:#AEAEC8;flex-shrink:0;transition:background 0.3s ease,color 0.3s ease}.track-step.done{color:#6F57E9}.track-step.done span{background:#6F57E9;color:#fff}.track-step.active{color:#1C1B3A}.track-step.active span{background:#1C1B3A;color:#fff}.track-step-line{flex:1;height:1.5px;background:#E8E5FF;margin:0 8px;position:relative;overflow:hidden}.track-step-line::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#6F57E9,#5338FF);transition:left 0.5s ease 0.18s}.track-steps.visible .track-step-line::after{left:0}.contactFormSection .formWrapper button[type="submit"]{position:relative;overflow:hidden;background:linear-gradient(135deg,#6F57E9 0%,#5338FF 100%);border:none;border-radius:8px;font-size:15px;font-weight:600;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;color:#fff;padding:13px;cursor:pointer;transition:transform 0.18s ease,box-shadow 0.18s ease;-webkit-tap-highlight-color:transparent}.contactFormSection .formWrapper button[type="submit"]::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 55%);pointer-events:none}.contactFormSection .formWrapper button[type="submit"]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(111,87,233,.25)}.contactFormSection .formWrapper button[type="submit"]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:btnSpin 0.65s linear infinite;display:none;flex-shrink:0}.is-loading .btn-spinner{display:block}@keyframes btnSpin{to{transform:rotate(360deg)}}.formWrapper .error{color:#ef4444;font-size:12px;margin:-4px 2px 0;animation:errShake 0.32s ease}@keyframes errShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.bottomContentWrapper{padding:24px 0 0;border-top:1px solid rgba(111,87,233,.1);margin-top:24px}.bottomContentWrapper p{font-size:14px;margin:0}@media only screen and (min-width:767px) and (max-width:992px){.formWrapper{border-radius:16px;padding:20px 15px}.formWrapper h3{font-size:16px;line-height:21px}.bottomContentWrapper{padding:20px 0 0;margin-top:20px}.contactFormSection .formWrapper form{margin-top:15px;gap:12px}.formWrapper .topContentWrapper{gap:20px}.formWrapper .topContentWrapper ul{gap:20px;flex-flow:wrap}.formWrapper .fontSize16{font-size:14px;line-height:18px;margin:0}}@media only screen and (max-width:767px){.formWrapper .topContentWrapper{flex-flow:row;align-items:center;gap:8px;flex-wrap:wrap}.formWrapper{padding:16px}.formWrapper h3{font-size:16px;line-height:21px}.bottomContentWrapper{padding:20px 0 0;margin-top:20px}.contactFormSection .formWrapper form{margin-top:15px;gap:15px}.formWrapper .topContentWrapper{flex-flow:column;align-items:baseline;gap:10px}.formWrapper .topContentWrapper ul{gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.formWrapper .fontSize16{font-size:14px;line-height:18px;margin:0}span.courierName{text-transform:capitalize}}