*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}a{text-decoration:none;color:inherit}html,body{height:100%;width:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inter,sans-serif;background-color:#000;color:#ffffffde;line-height:1.5;font-weight:400}.splash-screen{display:flex;justify-content:center;align-items:center;height:100%;background:#000}.logo-shine-wrapper{position:relative;overflow:hidden;width:48%;height:auto;animation:fadeInOut 3s ease-in-out forwards;display:inline-block}.logo-img{width:100%;max-width:50vw;height:auto;object-fit:contain;position:relative;z-index:1}.logo-shine-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:12%;height:90%;background:linear-gradient(to right,#fff0,#fff9,#fff0);transform:skew(-25deg);animation:shine 2s ease-in-out forwards;z-index:2}@keyframes shine{to{left:150%}}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(.95)}}.fine{padding:8px 18px;border-radius:20px;background:#f7444e;color:#fff;font-size:14px;outline:none;border:none;font-size:18px}.carousel-div{height:100%;width:100%}.carousel-container{text-align:center;width:100%;margin:0;position:relative;display:flex;flex-direction:column;justify-content:center}.officer-div{width:90%;position:absolute;top:20px;z-index:100}.officer{font-size:1rem;font-weight:400;color:#fff;cursor:pointer;display:flex;justify-content:end}.slide-image{width:80%;max-width:450px;height:auto}.carousel-img-div{display:flex;justify-content:center;align-items:center;width:100%}.carousel-text{text-align:center;margin-top:30px}.carousel-text h1{font-size:clamp(14px,4.9vw,32px);margin-bottom:10px}.carousel-text p{color:#666;font-size:clamp(14px,3.5vw,32px)}.carousel-dots{display:flex;justify-content:center}.dot{height:10px;width:10px;margin:0 5px;background-color:#b1b1b159;border-radius:50%;display:inline-block}.dot.active{background-color:#f7444e}.get-started-btn-div{display:flex;justify-content:center}.get-started-btn{background-color:#f7444e;font-size:clamp(14px,5vw,34px);color:#fff;padding:15px;width:90%;max-width:500px;border:none;border-radius:26px;cursor:pointer}.carousel-slider-wrapper{overflow:hidden}.carousel-slider{display:flex;transition:transform .3s ease-in-out;width:100%}.carousel-slide{width:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;box-sizing:border-box}.vehicle-input-div{margin-top:20px;text-align:center}.vehicle-input{font-size:16px;width:100%;border:1px solid #f76f76;border-radius:20px;color:#fff;background:#000;padding:10px 10px 10px 22px}.vehicle-input:focus{background:#000;outline:1px solid #f7444e}.error-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center}.error-content{background-color:#171717;border-radius:10px;text-align:center;width:90%;max-width:320px;height:260px;margin:0;padding:0}.error-content h3{margin:30px 0;font-weight:400;font-size:22px;text-transform:uppercase}.error-content p{margin:15px 5px 5px;font-size:14px}.try-again-btn{background-color:#f7444e;color:#fff;padding:10px 20px;border:none;border-radius:50px;cursor:pointer;font-size:18px;margin:19px 0}.carousel-slide{width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0;margin:0}.bottom-content{display:flex;flex-direction:column;gap:20px;margin-top:20px;padding:10px}.carousel-img-div{width:100%;height:50vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.slide-image{width:100%;height:100%;object-fit:cover}.phone-input-div{width:90%;display:flex;flex-direction:column;justify-content:center}.input-div{width:100%;justify-content:center;margin-top:10px}.phone-input-container{width:100%;display:flex;outline:none;position:relative;height:6.6vh}.phone-text p{font-size:5vw}.phone-text-div{width:100%}.country-code-selector{display:flex;align-items:center;cursor:pointer;padding:15px 10px;border:1px solid #494949;border-right:none;background-color:#fffafa00;border-radius:30px 0 0 30px;color:#fff8f8;height:100%}.arrow-icon{width:7vw}.country-code-selector span{font-size:5vw}.arrow-icon.rotate{transform:rotate(180deg)}.country-code-dropdown{position:absolute;top:100%;left:10;background-color:#161616;border:1px solid #ccc;border-top:none;width:200px;max-height:70px;overflow-y:auto;z-index:10;color:#fff}.country-code-dropdown li{padding:8px 12px;cursor:pointer}.country-code-dropdown li:hover{background-color:#f0f0f0}.phone-input{flex:1;padding:15px;border:1px solid #494949;outline:none;background:#ffffff05;border-radius:0 30px 30px 0;color:#fff;font-size:4.5vw}.country-code-wrapper{position:relative;display:inline-block}.home-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#141414}.car-lock-div{width:95%;height:auto;border:1px solid rgba(252,252,252,.3);border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center}.car-img{width:40%;max-width:230px;transition:transform .3s ease}.lock-img{width:14%;max-width:100px}.time-lock-img{width:7%;max-width:80px}.lock-img-div{display:flex;justify-content:end;width:100%}.car-img-div{display:flex;justify-content:center;width:100%}.current-time-div{width:100%}.car-lock-container{width:95%;border-radius:16px;display:flex;align-items:center;justify-content:center}.current-time{font-size:clamp(14px,10vw,58px);font-weight:500;text-align:center}.user-details{width:100%;display:flex;flex-direction:column;gap:15px;align-items:center}.user-details-box{width:90%;height:90%;display:flex;border:1px solid rgba(252,252,252,.3);background:#383838;border:1px solid #868686;border-radius:8px;align-items:center;justify-content:space-between;padding:10px}.plate-no{display:flex;flex-direction:column}.plate-no .text-1{font-size:clamp(14px,4vw,26px);font-weight:300}.plate-no .text-2{font-size:clamp(14px,6.3vw,30px);font-weight:500;letter-spacing:1px}.detail-left{display:flex;flex-direction:column;gap:3.5vh}.locktime{display:flex;width:50vw;align-items:center}.locktime-div .lock{font-size:clamp(14px,3.8vw,26px);font-weight:300}.locktime-div{margin-bottom:10px;margin-top:10px}.locktime-text{font-size:clamp(10px,3.7vw,42px);font-weight:500;color:red;text-align:center}.locktime-text span{font-size:clamp(14px,4vw,26px);font-weight:300;color:#fff}.welcome-text-div{width:90%}.welcome-text-div img{width:30%;max-width:180px}.help-icon{width:9%;max-width:80px;position:absolute;top:15px;right:15px}.get-pass-code-btn{background-color:#f7444e;font-size:5vw;color:#fff;padding:15px 10px;width:90%;border:none;border-radius:30px;cursor:pointer}.get-pass-code-btn.disabled{background-color:#f7444e;color:#f18c92}.get-pass-code-btn.active{background-color:#f7444e;cursor:pointer}.get-pass-code-btn-div{width:100%;display:flex;align-items:center;justify-content:center}.amount-text{font-size:clamp(16px,9vw,42px)}.amount-text span{font-size:clamp(14px,11.5vw,50px)}hr{color:#000;border:1px solid #000000}.nofound-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center}.nofound-content{background-color:#171717;border-radius:10px;text-align:center;width:90%;max-width:320px;height:260px;margin:0;padding:0}.nofound-content h3{margin:30px 0;font-weight:400;font-size:22px;text-transform:uppercase}.nofound-content p{margin:15px 5px 5px;font-size:14px}.nofound{background-color:#f7444e;color:#fff;padding:10px 20px;border:none;border-radius:50px;cursor:pointer;font-size:18px;margin:19px 0}.pay-time-div{display:flex;justify-content:center;gap:10px;height:100%}.pay-time{display:flex;flex-direction:column}.pay-time-box{display:flex;flex-direction:column;gap:3.5vh}.custom-line{height:15vh;width:1px;background-color:#fcfcfc4d;align-self:center}.hours-text{font-weight:300;font-size:clamp(14px,4vw,26px)}.timing-text{font-size:clamp(14px,6.3vw,30px);font-weight:500;letter-spacing:1px}.car-lock-div{width:95%;max-width:600px;margin:0 auto;border:1px solid rgba(252,252,252,.3);border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:5px}.countdown-timer{width:90%;position:absolute;top:0;margin:20px}.countdown-timer p{font-size:4.5vw;font-weight:400;color:#fff;cursor:pointer;display:flex;justify-content:end}.passcode-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#000;color:#fff;overflow-x:hidden}.center-div{width:100%;display:flex;align-items:center;justify-content:center}.center-content{width:100%;display:flex;align-items:center;flex-direction:column;gap:30px}.otp-box-div{width:95%;display:flex;justify-content:center}.otp-boxes{width:90%;display:flex;justify-content:center;gap:10px}.otp-box{width:50%;height:5vh;background:#1a1a1a;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:5vw;font-weight:700;transition:background .5s ease,opacity .5s ease}.otp-box.warning{background:#7f0000;opacity:.5}.otp-box.experied{background:#1a1a1a;opacity:1}.note-div{width:95%;display:flex;align-items:center;justify-content:center}.info-div{width:95%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;bottom:80px}.note-bg,.info-bg{background:#171717;width:90%;max-width:800px;padding:12px 16px;border-radius:6px;font-weight:300;color:#fff;box-sizing:border-box}.note-title{font-size:5vw;margin:0}.info-title{font-size:18px;margin:0}.note-info{font-size:3.5vw;margin-top:4px}.info-content{font-size:12px;margin-top:4px}.timer{font-size:8vw}.timer-div{width:100%;display:flex;justify-content:center;align-items:center}.progress-bar{width:85%;height:17px;background:#e2e2e2;border-radius:100px;overflow:hidden;position:absolute;bottom:20px;transition:opacity .5s ease-in-out}.progress-fill{height:100%;background:red;transition:width 1s linear}.regenerate-btn{background:red;color:#fff;border:none;padding:10px 20px;font-size:1rem;border-radius:8px;cursor:pointer;position:absolute;bottom:20px}.top-bar-div{width:100%;display:flex;justify-content:center;margin-bottom:10px}.top-bar-title{width:82%;display:flex;justify-content:left}.top-bar-title p{font-size:5vw}.warning-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center}.warning-content{background-color:#171717;border-radius:10px;text-align:center;width:90%;max-width:340px;margin:0;padding:0}.warning-content h3{margin:20px 20px 0 0;font-weight:400;font-size:7vw;text-transform:uppercase}.warning-content p{font-size:4.5vw;margin-top:5px}.call-now-btn{background-color:#f7444e;color:#fff;padding:10px 20px;border:none;border-radius:50px;cursor:pointer;font-size:5vw;margin:19px 0}.contact-number p{color:#5a5af9;font-size:7vw;font-weight:600;margin-top:5px}.contact-number{display:flex;align-items:center;justify-content:center;flex-direction:column}hr{color:#5a5af9;border:1px solid #5a5af9;width:50%}.after-call-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:2000}.after-call-content{width:90%;display:flex;flex-direction:column;background-color:#171717;color:#fff;padding:30px;border-radius:10px;text-align:center}.after-call-content p{font-size:14px;font-weight:300}.after-call-content h3,h4{font-weight:400;font-size:6vw}.warning-list{margin-top:15px;margin-bottom:15px;list-style-type:decimal;padding-left:20px}.warning-list li{margin-bottom:12px;line-height:1.5;text-align:left;font-size:4.2vw}.footer-message{text-align:center}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.popup-box{background:#242424;padding:24px 20px;border-radius:10px;position:relative;max-width:400px;width:88%;text-align:center;box-shadow:0 8px 16px #0003}.popup-close-btn{position:absolute;top:8px;right:12px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#b8b4b4}.popup-close-btn:hover{color:#fff}.point-list{margin-top:15px;margin-bottom:15px}.point-list li{margin-bottom:12px;line-height:1.5;text-align:left}.point-list{list-style-type:decimal;padding-left:20px}#qr-reader video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px}.scanner-frame{position:absolute;top:50%;left:50%;width:220px;height:220px;transform:translate(-50%,-50%);border-radius:10px;pointer-events:none;z-index:10}.fine-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center}.fine-form-container{max-width:400px;margin:20px auto;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.fine-form-container h2{text-align:center;margin-bottom:20px;font-size:1.5rem;color:#333}.fine-form-container form{display:flex;flex-direction:column}.fine-form-container label{margin-bottom:6px;font-weight:600;color:#444;font-size:1rem}.fine-form-container input{padding:10px 12px;margin-bottom:16px;font-size:1rem;border:1.5px solid #ccc;border-radius:5px;transition:border-color .3s ease}.fine-form-container input:focus{outline:none;border-color:#9e9e9e;box-shadow:0 0 6px #201d1d4d}.fine-form-container button{background-color:#f7444e;color:#fff;padding:12px;font-size:1.1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;font-weight:600}.fine-form-container button:hover{background-color:#f7444e}.response-msg{margin-top:5px;font-size:1rem;text-align:center;color:red}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center}.popup-content{background-color:#383838;border-radius:10px;text-align:center;width:90%;max-width:340px;height:280px;margin:0;padding:0}.popup-content h3{margin:10px 0 0;font-weight:400;font-size:22px;text-transform:uppercase}.popup-content p{margin:15px 5px 5px;font-size:14px}.popup-btn{background-color:#f7444e;color:#fff;padding:10px 20px;border:none;border-radius:50px;cursor:pointer;font-size:18px;margin:19px 0}.close-contain{display:flex;align-items:end;justify-content:end}.cross-btn{cursor:pointer;color:#000;background:none;background:#4cc474}.popup-overlay{position:fixed;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-image{width:80px}.popup-note{font-size:12px;display:block}.staff-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.staff-login{width:85%;margin:80px auto;padding:10px;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff}.staff-login h2{text-align:center;margin-bottom:24px;color:#333}.staff-login form{display:flex;flex-direction:column;gap:30px}.staff-login input[type=text],.staff-login input[type=password]{padding:10px 12px;font-size:16px;border:1px solid #aaa;border-radius:6px;outline:none;transition:border-color .2s}.staff-login input[type=text]:focus,.staff-login input[type=password]:focus{border-color:#000}.staff-login button{padding:12px 16px;font-size:16px;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s}.staff-login button[type=submit]{background-color:#f7444e;color:#fff}.close-div{display:flex;align-items:end;justify-content:end}.close-btn{cursor:pointer;color:#000;background:none;background:#fff}.close-btn:hover{color:#ff6363}.popup-content-error{margin:10px;padding:10px;background:#383838;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-radius:8px}.popup-content-error h3{margin:10px 0 0;font-weight:400;font-size:22px}.popup-content-error p{text-align:center}.popup-overlay-error{position:fixed;width:90%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center}#root{width:100%;height:100%;margin:0;padding:0;overflow-y:none;overflow-x:none}