@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.navbar{background-color:#11101d;height:100%;width:78px;position:fixed;top:0;left:0;padding:6px 14px;z-index:23;color:#fff;transition:all .5s;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.navbar .logo-content .logo{display:flex;height:50px;width:100%;align-items:center;opacity:0}.navbar .logo-content{display:flex;justify-content:space-between}.navbar .logo-content .logo .img{font-size:28px;height:50px;margin-right:5px}.navbar .logo-content .logo .logo-name{font-size:20px;font-weight:500}.navbar #btn{position:absolute;top:6px;left:50%;font-size:20px;height:40px;width:35px;text-align:center;line-height:50px;transform:translate(-50%);cursor:pointer}.navbar ul{margin-top:20px;padding:0;width:100%}.navbar ul li{list-style-type:none;height:50px;width:100%;margin:0 5px;line-height:45px}.navbar ul li .nav-text{display:flex;align-items:baseline;text-decoration:none;border-radius:12px;color:#fff;white-space:nowrap;font-size:large}.navbar ul li .nav-text span{opacity:0;pointer-events:none;transition:all .5s ease}@media (max-width: 519px){.navbar.active .profile-content .profile{background-color:#1d1b31}.navbar.active~.home{position:absolute;height:100%;width:calc(100% - 78px);left:78px}.navbar.active~.faq{position:absolute;height:100%;width:calc(100% - 78px);left:78px}.navbar.active~.user-cont{position:absolute;height:100%;width:calc(100% - 78px);left:78px}.navbar.active~.setting{position:absolute;height:100%;width:calc(100% - 78px);left:78px}.navbar.active{width:240px}.navbar.active .logo-content .logo{opacity:1;pointer-events:none}.navbar.active #btn{left:90%}.navbar.active ul li .tooltip{display:none}.navbar.active ul li .nav-text span{opacity:1;pointer-events:auto}.navbar.active .profile .profile-details{opacity:1;width:85%;pointer-events:auto}}@media (min-width: 520px){.navbar.active~.home{width:calc(100% - 240px);left:240px}.navbar.active~.faq{width:calc(100% - 240px);left:240px}.navbar.active~.user-cont{width:calc(100% - 240px);left:240px}.navbar.active~.setting{width:calc(100% - 240px);left:240px}.navbar.active{width:240px}.navbar.active .logo-content .logo{opacity:1;pointer-events:none}.navbar.active ul li .tooltip{display:none}.navbar.active #btn{left:90%}.navbar.active ul li .nav-text span{opacity:1;pointer-events:auto}}.navbar ul li .nav-text:hover{color:#11101d;background-color:#fff}.navbar ul li .tooltip{position:absolute;height:35px;left:102px;border-radius:6px;display:flex;align-items:center;justify-content:center;transform:translate(-45%);background-color:#fff;box-shadow:0 5px 10px #0003;width:100px;margin:0 25px;transition:0s;opacity:0;color:#11101d;pointer-events:none}.navbar ul li:hover .tooltip{transition:.5 ease;opacity:1;transform:translate(-45%,-100%)}.navbar ul li .nav-text .ic{height:50px;border-radius:12px;min-width:50px;line-height:55px;text-align:center}.nav-list li input{background-color:#1d1b31;outline:none;color:#fff;height:40px;width:100%;font-size:16px;border:none;padding-left:50px;border-radius:12px}.nav-list .search{display:flex;align-items:center}.nav-list .search .box-search{position:absolute;font-size:16px;z-index:99;margin-left:18px;transition:.5s ease}.navbar .profile-content{position:absolute;bottom:0;left:0;width:100%}.navbar .profile-content .profile{padding:10px 6px;display:flex;align-items:center}@media (min-width: 520px){.navbar.active .profile-content .profile{background-color:#1d1b31}}.profile .profile-details{display:flex;align-items:center;width:37%;opacity:0;pointer-events:none;white-space:nowrap;transition:all .5s ease}@media (min-width: 520px){.navbar.active .profile .profile-details{opacity:1;width:85%;pointer-events:auto}}.profile .profile-details .img{height:23px;width:45px;object-fit:cover;border-radius:12px}.profile .profile-details .privateImg{width:45px;object-fit:cover;border-radius:12px}.profile .profile-details .name-job{margin-left:10px}.profile .profile-details .name{font-size:15px;font-weight:400}.profile .profile-details .job{font-size:12px;font-weight:400}.profile-content .profile #exit button{background-color:#1d1b31;border:0px;color:#fff;font-size:20px;transform:translate(-1px);cursor:pointer}.profile-content .profile #exit{align-self:flex-end;justify-self:flex-start;transform:translate(-20px);font-size:20px;border-radius:12px;background-color:#1d1b31;padding:10px 14px 7px 13px}.navbar.active .profile-content .profile #exit{background-color:none}.home{position:absolute;width:calc(100% - 78px);left:78px;font-size:medium;font-weight:500;color:#1d1b31;transition:all .5s ease;padding:8px 15px;box-sizing:border-box;display:flex;flex-direction:column}.home h4{text-align:center;font-size:25px}.home .calc-cont{display:flex;flex-direction:column;margin:15px 0;min-height:590px;height:100%;width:100%}@media (min-width: 490px){.home .calc-cont{min-height:350px}}.home .calc-cont .select-cont{display:flex;justify-content:flex-start;flex-wrap:nowrap;width:100%}.home .save{background-color:#639c0ce5!important;display:flex;align-items:center}.save .icon{font-size:medium;margin:2px}.home .calc-cont .select-cont #combobox{width:60px;font-size:16px;border-radius:7px;outline:none}.home #total{width:70%;text-align:center;box-sizing:border-box;padding:2px 7px;height:30px;opacity:1;font-weight:600;font-size:16px;border-radius:7px;outline:none;border:1px solid black;color:#1d1b31;margin-bottom:10px;-webkit-box-shadow:0px 1px 18px 3px rgba(49,12,211,.91);-moz-box-shadow:0px 1px 18px 3px rgba(114,34,204,.91);box-shadow:0 1px 18px 3px #4c1cbee8}.home .calc-cont .select-cont #combobox option{font-size:16px}.home-text{font-size:large}.home-text.sel{margin-right:15px}.home .list-cont{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:5px;padding:5px 7%}.home .list-cont ol{margin-top:0;padding:0}.home .list-cont ol li{margin-top:8px}.list-cont .header{width:100%;max-width:420px;display:flex;flex-wrap:nowrap;font-size:large;justify-content:space-between}.home .buttons{justify-content:center}.home .buttons>button{border-radius:12px;outline:none;width:80px;border:0px;padding:10px;background-color:#0057b4;color:#fff;border-color:#026ad8;font-size:13px;cursor:pointer;transition:.4s;font-weight:500}.home .buttons>button:nth-child(2){background-color:red;margin:0}.home .buttons>button:hover{background-color:#2a2563!important}.footer .logo{width:50px;height:50px;object-fit:contain}.footer a{text-decoration:none;color:#00f;text-transform:capitalize;max-width:110px}.footer{text-transform:capitalize;position:relative;border-top:1px solid #11101d}.footer .footer-div{display:flex;align-items:center;justify-content:space-between}.footer .flex{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer .small-text{font-size:small;margin:3px}.footer .owner{background:#3800F5;background:linear-gradient(to right,#220386 2%,#F20000 78%,#065f13 45%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer .smaller-text{font-size:x-small}.section{display:flex;justify-content:space-between;box-sizing:border-box}.section input{width:100%;height:10px;border-radius:12px;outline:none;border:1px solid rgb(0,9,139);margin-right:10px;font-size:16px;padding:19px;box-sizing:border-box}.section input:nth-child(3){width:100%;margin-right:0}.lang-select-div{font-size:small}.faq{position:absolute;height:100%;width:calc(100% - 78px);left:78px;font-size:medium;font-weight:500;color:#1d1b31;transition:all .5s ease;padding:8px 15px;box-sizing:border-box;display:flex;flex-direction:column}.setting{position:absolute;height:100%;width:calc(100% - 78px);left:78px;z-index:0;font-size:25px;font-weight:500;color:#1d1b31;transition:all .5s ease;text-align:center}.user-cont{position:absolute;height:100%;width:calc(100% - 78px);left:78px;z-index:0;padding:8px 15px;font-weight:500;color:#1d1b31;transition:all .5s ease;text-align:center;display:flex;flex-direction:column;row-gap:25px}.profile-picture-container{text-align:center}.profile-picture{width:120px;height:120px;object-fit:contain;border-radius:12px}.user-form{max-width:400px;display:flex;flex-direction:column;margin-top:25px;justify-content:flex-start;gap:15px}.user-form label{display:flex;flex-direction:column;align-items:flex-start}.user-form button{align-self:flex-start;padding:6px 14px;background-color:#238636;color:#f0f8ff;border:0px;border-radius:10px}.user-form button:active{transform:scale(.9);background-color:#197c2d}@media (min-width: 620px){.user-form{margin:0 auto}}.user-form input{padding:10px 14px;border-radius:10px;width:100%;border:1px solid gray;background-color:#e2d7d7;font-size:smaller}.login-div button{outline:none;background-color:#7fffd4;border:0px;border-radius:10px;padding:8px 18px;margin:10px 0;cursor:pointer;align-self:center}.login-div .error-message{color:red;font-size:.875rem;margin-top:.25rem}.login-div button:active{transform:scale(.9)}.login-div{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.login-div input{padding:10px 14px;border-radius:10px;outline:none;border:0px;max-width:300px;background-color:#e2d7d7;font-size:medium}.login-div form{display:flex;flex-direction:column;justify-content:center}.login-div .hide-btn{position:relative;top:43px;left:89%}.loading-spinner{position:fixed;transform:translate(-50%,-50%);border:4px solid rgba(0,0,0,.1);border-top:4px solid #3498db;border-radius:50%;max-width:65px;max-height:65px;width:100%;height:100%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.line{width:50%;border-bottom:1px solid gray;height:8px;margin:0 3px}.or{text-transform:uppercase;font-size:small}.register-div button{outline:none;background-color:#7fffd4;border:0px;border-radius:10px;padding:8px 16px;margin:10px 0;cursor:pointer;align-self:center}.register-div .error-message{color:red;font-size:.875rem;margin-top:.25rem}.register-div button:active{transform:scale(.9)}.register-div{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.register-div input{padding:10px 14px;border-radius:10px;outline:none;border:0px;max-width:300px;background-color:#e2d7d7;font-size:medium}.register-div form{display:flex;flex-direction:column;justify-content:center}.register-div .hide-btn{position:relative;top:43px;left:89%}*{font-family:Poppins,sans-serif;box-sizing:border-box;margin:0}.app{width:100%}.right-side-website{width:calc(100% - 78px)}.saved{position:absolute;height:100%;width:calc(100% - 78px);left:78px;font-weight:500;color:#1d1b31;transition:all .5s ease;padding:8px 15px;box-sizing:border-box;display:flex;flex-direction:column}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:18px;text-align:left}th,td{border:1px solid #dddddd;padding:8px}th{background-color:#f4f4f4}tr:nth-child(even){background-color:#f9f9f9}.privacy{position:absolute;height:100%;width:calc(100% - 78px);left:78px;font-size:medium;font-weight:500;color:#1d1b31;transition:all .5s ease;padding:8px 40px;box-sizing:border-box;display:flex;flex-direction:column}@media (max-width: 680px){.privacy{padding:8px 15px}}