*{margin:0;padding:0;box-sizing:border-box}.dialog-box{width:300px;padding:8px 10px;border-radius:8px;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;margin:auto;display:flex;border:1px solid black;flex-direction:column;gap:10px;position:absolute;left:50%;top:50%;background-color:#e4e1e1;transform:translate(-50%,-50%)}.dialog-box input[type=text]{padding:5px;outline:none;border-radius:4px;border:.5px solid black}.dialog-box button{padding:5px;outline:none;border:none;border-radius:4px;background:#35d635}.diaglog-box button:active{background:#056905;color:#fff}.diaglog-box button:hover{background:#056905}.folder-item{width:80%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-radius:5px;padding:5px 8px;background-color:#b5c5b8;position:relative}.folder-img-name{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:90%;gap:10px}.files-image{width:30px;height:30px}.file-name,.dir-name{width:100%;overflow:auto;scrollbar-width:none}.file-item{width:80%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-radius:5px;padding:5px 8px;background:#e5ebe9;position:relative}.file-item p{padding:3px}.options-dropdown{display:flex;flex-direction:column;gap:5px;position:absolute;right:20px;top:60%;width:80px;border-radius:5px;z-index:3;padding:5px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.delete-btn{background-color:#ef7e7e;color:#000;border:none;width:100%;border-radius:5px;padding:4px}.delete-btn:hover{background-color:#d44141}.rename-btn{background-color:#94d295;color:#000;border:none;width:100%;border-radius:5px;padding:4px}.rename-btn:hover{background-color:#43d946}.download-btn{background-color:#66c9a0;color:#000;border:none;width:100%;border-radius:5px;padding:4px}.download-btn:hover{background-color:#13bf77}.main-file-container{display:flex;flex-direction:column;gap:10px;margin-bottom:50px}.upload-file{display:flex;justify-content:center;flex-direction:row;gap:10px;align-items:center;width:100px;border-radius:5px;padding:5px 8px;background-color:#2b6be2;color:#fff}.create-folder{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:8px;border-radius:5px;border:none;padding:5px 8px}.banner-section{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;padding:2px 0;background-color:#f1ebeb}.banner-firstdiv{width:50%;display:flex;justify-content:flex-start;align-items:center;gap:20px}.profile-imgcontainer{display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:50%;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.profile-imgcontainer img{width:30px;height:30px;border-radius:50%}.wrapper-banner-section{width:100%;background-color:#f1ebeb;position:sticky;z-index:8;top:48px;display:flex;justify-content:center;padding:5px 0;align-items:center;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.set-foldername{display:flex;justify-content:space-between;flex-direction:column;width:400px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:15px 4px;border-radius:5px;outline:none;border:1px solid rgb(215,197,197);gap:20px;z-index:10;background-color:#f5e0e0;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;transform-origin:top left;animation:zoomOut .6s ease-in-out 0s 1}@keyframes zoomOut{0%{top:0;left:50%;opacity:0}to{top:50%;left:50%;opacity:1}}.set-foldername input[type=text]{padding:6px 8px;border:none;outline:none;background-color:#eacccc}.set-foldername div{display:flex;justify-content:center;align-items:center;gap:4px}.set-foldername div button{width:100%}.savebtn{background-color:#3aab41;color:#000;padding:5px 0;border-radius:5px;font-size:16px;outline:none;border:none}.canclebtn{background-color:#b14646;padding:5px 0;border-radius:5px;font-size:16px;outline:none;border:none}.savebtn:hover{background-color:#11b31c;color:#fff}.canclebtn:hover{background-color:#b22424;color:#fff}.folder-img{width:25px;height:25px}.nav-bar{position:sticky;top:0;padding:10px 20px;color:#231a1a;background-color:#fff;z-index:10;box-shadow:#80808066 0 0 0 2px,#808080a6 0 4px 6px -1px,#ffffff14 0 1px inset;display:flex;justify-content:space-between;align-items:center}.service-btn{background-color:#3a3ad4;color:#fff;padding:8px 18px;border-radius:5px;font-size:large;text-decoration:none;letter-spacing:1px;font-weight:400}.service-btn:hover{background-color:#00f}.blank-message{margin:auto;padding:10px 8px}.register-wrapper{position:absolute;width:100%;height:100vh;z-index:18;top:0;opacity:.6;background-color:#c2caca}.register-container{position:absolute;max-width:70%;display:flex;justify-content:center;align-items:center;flex-direction:row;z-index:20;top:50%;left:50%;gap:12px;padding:10px 8px;background-color:#fff;box-shadow:#00000059 0 5px 15px;border-radius:5px;transform:translate(-50%,-50%);animation:Topdown 1s ease-in-out 0s 1}.register-sec1{width:50%;display:flex;flex-direction:column;justify-content:space-evenly;gap:14px;padding:5px}.register-sec2{width:50%}.register-sec2 img{width:100%}.input-box1 input[type=email],.input-box2 input[type=password]{padding:6px 10px;width:100%;outline:none;margin-top:4px}.section1-name{padding:5px 10px}.section1-name h2{padding-bottom:4px;font-weight:600;text-align:center}.section1-name p{opacity:.5}.input-checkbox{margin-right:5px}.section1-button{padding:8px 10px;background-color:#e84206;outline:none;border:none;border-radius:5px;color:#fff;font-size:15px}.section1-button:hover{background-color:#b63405}.section1-footer{padding:3px 10px}.section1-toggler{text-decoration:none;color:red;padding-left:3px}.section1-checkbox{display:flex;flex-direction:row;padding:5px;justify-content:space-between}.forget-password{color:red}.input-box0{display:flex;flex-direction:column;gap:3px}.input-box0 input[type=text]{padding:5px 10px;width:100%;outline:none}.star{color:red;padding-left:2px}.error-message{color:#ff00ea}.center-div{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#2c2b2b}.progress-bar{border:2px solid green;width:100vw;position:absolute;bottom:-5px;left:-2px}.profile-container{width:80%;margin:30px auto;border-radius:7px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.first-section{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:10px;gap:15px;flex-wrap:wrap}.profile-pic-container{width:100px;height:100px;border-radius:50%;overflow:hidden;display:flex;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;justify-content:center;align-items:center}.profile-pic{width:100%}.second-section{padding:10px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.second-section button{width:200px;height:40px;border-radius:5px;font-weight:700;outline:none;border:none;background-color:#0ff;font-size:16px;padding:10px 0}.second-section a{display:inline-block;width:200px;height:40px;background-color:#8a2be2;color:#fff;font-weight:550;font-size:17px;padding-top:10px;text-align:center;text-decoration:none;border-radius:5px}.second-section a:hover{background-color:#7e0ce8;color:#d4d2d2}.second-section button:hover{border:1px solid black;background-color:#13e9e9;font-weight:800}.otp-section{border:1px solid red;width:100%;height:90vh;position:relative}.otp-div{max-height:250px;height:100%;max-width:500px;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;padding:0 10px;justify-content:center;gap:10px;align-items:center;border-radius:10px;background-color:#9ac9f0;animation:Topdown 1s ease-in-out 0s 1}.input-ele{max-width:50px;width:100%;max-height:50px;height:100%;text-align:center;border-radius:5px;border:1px solid blue}.input-ele:focus{border:1px solid blue}.verify-btn{margin-left:15px;padding:10px 20px;border-radius:5px;border:none;background-color:green;color:#fff;font-size:medium}.verify-btn:hover{background-color:#2ea02e}@keyframes Topdown{0%{left:50%;top:0;opacity:0}to{left:50%;top:50%;opacity:1}}.product-card{background-color:#fff;color:#000;display:flex;align-items:center;justify-content:space-around;flex-direction:column;width:100%;max-width:250px;height:300px;text-align:center;border:1px solid gray;border-radius:8px}.product-price{display:flex;justify-content:space-evenly;align-items:center;text-align:center;flex-direction:column;gap:10px}.product-purchase{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.storage,.price{font-size:x-large}.actual{text-decoration:line-through;text-decoration-thickness:2px}.duration{color:gray}.offer{color:green}.product-purchase button{width:100%;padding:10px 20px;background-color:#00f;color:#fff;border:none;outline:none;border-radius:5px;font-size:medium;font-weight:200}.product-purchase button:hover{background-color:#3636c5;transform:scale(1.03)}.container{margin:auto;width:90%;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:20px}.product-section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.plans{max-width:300px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);justify-items:stretch;margin:auto;border:1px solid gray;border-radius:10px;overflow:hidden;text-align:center}.plans button{padding:10px 0;border:none;text-decoration:none}