*,*:after,*:before{box-sizing:border-box}body{margin:10px}img{max-width:100%}.container{max-width:100%;margin:0 auto}.home_container{width:980px;max-width:100%;margin:0 auto}.container__outlet{width:100%;margin:10px}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar{list-style-type:none;display:flex;align-items:center;gap:50px}.navi{font-size:25px;cursor:pointer}.navbar__link{text-decoration:none;color:#000}.listitem{display:inline;font-size:25px;cursor:pointer;color:#000}.main{margin:0rem 1rem;display:flex}.leftmain{width:60%;display:flex;flex-direction:column;justify-content:center;align-items:start;font-family:Magra}.heading{font-size:40px;font-weight:600}.subheading{font-size:25px}.actionbutton{padding:1em 4em;font-size:20px;text-decoration:none;box-shadow:0 0 1px;color:#000}.actionbutton:hover,.featurecard:hover{box-shadow:0 0 2px}.features{display:flex;flex-wrap:wrap;gap:1rem}.featurecard{box-shadow:0 0 1px;border-radius:5px;padding:2em;width:300px;text-align:center;cursor:pointer}.footer{display:flex;justify-content:space-between;margin-top:50px;padding:20px;border-top:1px solid #ccc}.footer-heading{font-size:large;font-weight:700;letter-spacing:.1cap}.footer-section ol{list-style-type:none;padding:0}.footer-section a{text-decoration:none;color:#000}.footer-section li{color:#000;cursor:pointer}.highlighter-folder{color:#000;border:1px solid black;width:100%}.submit{cursor:pointer}.close-button{position:absolute;top:0;right:0;width:35px}input[type=submit]{margin-top:8px;margin-bottom:8px;border:none;border-radius:20px;background-color:#17a317;width:200px;cursor:pointer;color:#fff;font-weight:700}.log{text-align:center}.sidebar{width:300px}.sidebar__links{text-decoration:none;display:flex;align-items:center;padding:10px;margin:2px;gap:10px;border-radius:10px}.sidebar__links:hover,.active{background-color:#f0efe3eb}.sidebar__linkicon{width:30px;height:30px}.sidebar__linktext{font-size:18px;color:#000}.sidebar__linktext:hover{color:none}.no_data{text-align:center;padding-top:80px;padding-right:200px}.no_data__img{width:200px}.cursor-p{cursor:pointer}.highlighter{white-space:pre-wrap;border:1px solid black;padding:10px;border-radius:5px;margin:5px 0;font-size:20px}.shared-folder{border:1px solid rgba(0,0,0,.4);border-radius:5px;padding:10px 20px;box-shadow:0 .125rem .25rem #00000013;transition:box-shadow .3s ease-in-out;margin:8px}.shared-folder:hover{box-shadow:0 .3rem .5rem #0006}.shared-folder__highlights{margin:0;cursor:pointer}.shared-folder__actions{gap:30px;font-size:18px}.d-flex{display:flex}.col{flex-direction:column}.row{flex-direction:row}.jc-center{justify-content:center}.jc-spacebtwn{justify-content:space-between}.align-center{align-items:center}.userinfo{gap:10px;margin:10px 0}.userinfo__info{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;word-break:break-all}.userinfo__img{height:50px}.userinfo__dropdown{margin-left:auto}.folder-shared-user-search{width:100%;font-size:1rem;padding:10px}.folder-shared-users{margin:10px 0;max-height:300px;overflow:auto}.path{text-decoration:none}.toast{position:fixed;bottom:0;right:0;margin:1rem;background-color:#17a317;color:#fff;font-weight:700;padding:3px;box-shadow:0 2px 10px #0003;width:300px;display:none;opacity:0;transition:opacity .5s ease;border-radius:5px}.toast-body{padding:.5rem}.closing-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;float:right}.toast.show{display:block;opacity:1}.toast.hide{opacity:0;display:none}.add-more-user{margin:10px 0}.add-more-user__link{cursor:pointer;text-decoration:underline}.folder-shared-users__header{display:flex;align-items:center}.folder-shared-users__search{width:100%;padding:10px}.back-button{width:40px;padding:10px;border-radius:50%}.back-button:hover{background-color:#0003}.userinfo__btn{border:1px solid black;padding:5px;cursor:pointer}.no_shared_folders_found{max-width:500px;margin:auto}.t-alg-center{text-align:center}.profileform{display:flex;gap:10px;border:2px solid white;border-radius:20px}.leftform{width:50%}.leftform h1{text-align:center}.leftform input[type=text]{padding:10px;width:80%;margin:10px}.leftform label,.rightform label{margin:10px}.rightform{width:50%}.profileinputs{padding:10px;width:80%;margin:10px}.button{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.btnn{font-size:12px;padding:5px 20px}.profilepic{display:block;margin:20px auto;position:relative;width:120px;height:120px;border-radius:50%}.profilepic__img{width:100%;height:100%;border-radius:50%;box-shadow:0 0 2px}.profilepic__plus{position:absolute;bottom:0;right:0}.social{display:flex;gap:20px;justify-content:center;padding:10px}.socials{text-decoration:none;border:1px solid white;padding:10px;border-radius:10px;display:flex;align-items:center;gap:10px}.avatarimg{box-shadow:0 0 2px;border-radius:50%}.text{text-align:center}.text1{margin-top:50px;font-size:20px}.profileview{text-align:center}.formerrors{color:red;text-align:center}.form__sucess{color:green;text-align:center}.password__prefix_icon{margin-left:-30px;vertical-align:middle;width:20px;height:20px}.pagination-container{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.pagination-btn{border:1px solid #ddd;padding:8px 12px;border-radius:5px;background-color:#fff;color:#000;cursor:pointer;transition:background-color .3s ease}.pagination-btn:hover{background-color:#f0f0f0}.pagination-btn.active{border-color:#6200ea;color:#6200ea}.pagination-btn.disabled{cursor:not-allowed;background-color:#e0e0e0}.pagination-ellipsis{padding:8px 12px;color:#888;cursor:default}.authorize{text-align:center;margin-top:10%}.authorize-btn{padding:10px 30px;cursor:pointer}.notification{margin-bottom:20px}.notification__info{margin-left:7px}.folder__header{margin-bottom:20px}.searchbar{text-align:center;padding-right:200px}.searchbar__field{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAACYktHRAD/h4/MvwAAAAl2cEFnAAABKgAAASkAUBZlMQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMy0wNC0xMFQwNjo1OTowNy0wNzowMI5BiVEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMDQtMTBUMDY6NTk6MDctMDc6MDD/HDHtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAABF0RVh0VGl0bGUAc2VhcmNoLWljb27Cg+x9AAACKklEQVQ4T6WUSavqQBCFK+2sII7gShFXLpUsBBHFf+1KcAQFwaWiolsnnBDn++4p0iHRqPDuByFJd/Wp6qrqVn5+IQP3+52m0ymtVis6Ho885na7KRgMUiKR4O9vmEQHgwGNx2NyOp0khCBFUXgcJo/Hg67XK8ViMcpkMjz+Dl200+nQZrMhh8PBE4gYQgDidrudvzEOm2KxyP9WsCginM1mHKEUS6VSFA6HOWI4G41GPAfx2+1GgUCAVFXVZMwovwY/lUqFPB4PiyFn+XxemzbT6/VovV6z8Ol0olwux+LPCBQFEQKIvhME2WyWbWGHFCD/VghUGVvE1rDlb6TTabbFmuVyqY2aEWgbFALeI5GINvyeUCjEtlgju+IZoRWfkS30CURoxFJUNjMEt9stf38CNjJKIFvNiMBJgTebzcZt843hcMhCELWqPBDxeJwulwtvC/3X7/e1qVfgFD0rC5tMJrUZM8Lr9VI0GmVBRDCfz6nZbHI/Sna7HXW7XZpMJtxSiBIP1lmhH9NqtaqfGKQDTmQREBnSgwfmMqfYYblc1o+2xHShtNttLgSiee4EmMEp3hDBPJzikimVSuRyuTTLJ1GwWCz4pCB3UhiL/X4/Hw50C5zjLSM+n898weCogxdRIzAGxigAdtNqtV6EC4UC+Xy+z6Kf2O/31Gg0TMK4ZBDxf4uCw+FA9XpdF0aaUOg/iQLcHbVaTb/p0Cl/FgXIJ/oYnaCqKv0DC6dltH6Ks84AAAAASUVORK5CYII=);background-size:15px;background-repeat:no-repeat;background-position:10px;padding:12px 20px 12px 40px;border-radius:4px;border:2px solid #ccc;box-sizing:border-box;width:300px}.header{padding:30px 0 10px}.logo_img{width:150px}@media screen and (max-width: 480px){.logo_img{width:150px}.header{padding:0}.main{flex-direction:column}.leftmain{width:100%;align-items:center;text-align:center}.heading{font-size:28px;margin:.5rem}.subheading{font-size:20px;margin:.5em}.rightmain{width:100%}.actionbutton{padding:.5em 2em;font-size:medium}.navi{font-size:18px}.features{justify-content:center}.featurecard{width:250px}}@media screen and (max-width: 768px){.actionbutton{padding:1em 2em}}.circular_loader{display:inline-block;width:15px;height:15px;border:3px solid #f0f0f0;border-top:3px solid rgb(23,163,23);border-radius:50%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{display:block;position:fixed;z-index:1;padding-top:150px;left:0;top:0;width:100%;height:100%;background-color:#0006}.modal-content{margin:0 auto;padding:20px;border-radius:8px;min-width:300px;width:50%;background-color:#fff}.close{color:#726a6acc;font-size:28px;float:right;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.navibar{display:flex;align-content:space-around;margin-bottom:30px;justify-content:space-between}.navibar a{text-decoration:none}.icons{display:flex;gap:25px;cursor:pointer}.folders{display:flex;gap:10px;flex-wrap:wrap}.folder-form{margin:auto;width:70%}.model{width:100%;margin:auto}.modelinput{margin:5px 0;width:100%;padding:6px}.submit{margin:auto;display:block;padding:7px 30px;border:none;border-radius:5px;background-color:#17a317;color:#fff;font-weight:700}.address{font-size:23px}.naviga{display:flex;align-items:center;gap:25px}.navigator{display:flex;align-items:center;margin:1px 5px;color:#000;gap:8px;padding:6px 3px;text-decoration:none;width:100%;font-size:15px;cursor:pointer}.navigator img{color:#000;text-decoration:none}.navigator:hover{cursor:pointer;background-color:#f1f1f1}.dropdown-contents{display:flex;flex-direction:column;position:absolute;background-color:#fff;min-width:180px;overflow:hidden;box-shadow:0 8px 16px #0003;z-index:1;left:-75px;padding:10px 15px;border-radius:10px}.dropdown-contents span{padding:3px;margin:3px 0}.dropdowns{position:relative}.notifications{position:relative;display:flex;cursor:pointer}.notify{position:absolute;bottom:17px;font-size:12px;right:0;font-weight:bolder;color:#fff;background-color:red;padding:2px;border-radius:50%;width:18px;text-align:center}.dropdown-notifications{display:block;position:absolute;background-color:#fff;overflow:hidden;min-width:250px;max-height:500px;box-shadow:0 8px 16px #0003;z-index:1;left:-130px;top:30px;padding:10px 20px;border-radius:10px}.notifybtn{width:100%;border:none;padding:10px;border-radius:10px;cursor:pointer}.notifyuser{padding-top:20px}.notificationpage{width:70%;margin:auto;border:1px solid white}.dropdown{position:relative;visibility:hidden;right:25px}.dropdown_show{visibility:visible}.dropdown-button{cursor:pointer;font-size:16px;margin:5px}.dropdown-button svg{margin-left:50px}.dropdown-content{position:absolute;background-color:#fff;min-width:160px;box-shadow:0 4px 8px #0000001a;border-radius:8px;z-index:1;right:0;padding:0;top:35px;overflow:hidden}.dropdown-content button{color:#333;padding:10px 16px;width:100%;border:none;text-align:left;font-size:16px;cursor:pointer;display:flex;align-items:center}.dropdown-content button img{margin-right:10px}.dropdown-content button:hover{background-color:#f0f0f0}.folder{display:flex;flex-wrap:wrap;gap:10px}.folder__container{border:1px solid black;width:200px;height:40px;display:flex;align-items:center;justify-content:space-between;padding:3px 10px;border-radius:5px}.folder a{text-decoration:none}.btn2{text-align:right}.submit2{padding:7px 30px;border:none;border-radius:5px;background-color:red;color:#fff;font-weight:700;margin:0 20px;cursor:pointer}.submit1{padding:7px 30px;border:none;border-radius:5px;background-color:#17a317;color:#fff;font-weight:700;cursor:pointer}