@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lexend+Deca:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&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&family=Urbanist:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:#242222}::-webkit-scrollbar-thumb{background:#353c32;border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:#07b40ad9}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:#fff;text-decoration:none}li{list-style-type:none;margin:.6rem 0}.container-fluid{padding:0 1rem}.fonts{font-family:Josefin Sans,sans-serif;font-family:Poppins,sans-serif;font-family:Roboto,sans-serif;font-family:Montserrat,sans-serif;font-family:Lexend Deca,sans-serif;font-family:Urbanist,sans-serif}h1{font-size:2.9rem;font-family:Josefin Sans,sans-serif;font-weight:700;color:#3c4044}h2{font-size:2.2rem;font-family:Lexend Deca,sans-serif;font-weight:600;color:#3c4044}.heading-text{font-weight:300;color:#000;letter-spacing:1.2px;line-height:22px}.common-body-text{font-size:.9rem;font-weight:300;color:#3c4044}h6{font-family:Poppins,sans-serif;opacity:.6;margin-bottom:1.9rem}.right-border{border-right:solid rgba(32,32,32,.393) 3px}.mw-75{min-width:75%}figure{margin:0}.common-img{object-fit:contain;max-width:18rem;max-height:18rem}.brand-logo{width:10.4rem;object-fit:contain}.login-btn{width:4.5rem;height:2.8rem;background-color:#fff;color:#000;border-radius:40%}.avatar-img{width:2.5rem;height:2.5rem;object-fit:contain;padding:.3rem;background-color:#fff;border-radius:50%}.dropdown-menu{width:6rem!important;--bs-dropdown-min-width: 3rem !important;padding:0}.social-icons{display:flex;width:2.8rem;padding:.5rem;border:solid #fff 2px;border-radius:50%}.social-icons img{margin:auto}.footer{padding:3rem}.footer-about{display:flex;flex-direction:column;gap:1.2rem;padding:0 3rem}.social-media-container{display:flex;gap:1.2rem}.home-img-container{display:flex;justify-content:end}.home-img{width:32rem;object-fit:contain}.about{background-color:#eff2f5}.card{border-width:0}.card-title{margin:20px 0}.table-options{position:relative}.table-container::-webkit-scrollbar{display:none;width:0}th,td{font-family:Roboto,sans-serif}.user-container,.bills-container,.payments-container{padding-top:2.2rem;padding-bottom:2rem}.footer h4{margin-bottom:2rem}.leagal-section{height:4.8rem;display:flex;justify-content:center;align-items:center}.login-page{width:100vw;height:80vh}.main-container{width:70vw;height:70vh;border-radius:1rem}.img-section img{width:25rem;object-fit:contain;margin:auto}.form-section{background-color:#6c6cff;padding:1.2rem 2rem;border-radius:0 1rem 1rem 0;display:flex}.form-container{padding:1.5rem 3.4rem;width:40vw;min-height:50vh;max-height:70vh;margin:auto}.outer-border{border:solid rgba(32,32,32,.393) 3px;border-radius:1rem}.radio-container{width:15rem;display:flex;flex-direction:column;gap:1.2rem}.radio-options{display:flex;margin:0;padding:1rem}.section-img{display:flex}.bill-options{display:flex;align-items:center;gap:.5rem}.bill-options .btn{border-radius:10rem}.applied-filters .btn:hover{color:#0d6efd;background-color:#fff;border-color:#fff;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.filter-container{position:absolute;top:3.5rem;left:1rem;width:40vw;background-color:#fff;border-radius:.5rem}.filter-heading{height:5vh;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:solid rgba(59,59,59,.429) 1px}.filter-sidebar{display:flex;flex-direction:column;gap:.6rem;padding:.8rem .5rem;border-right:solid rgba(59,59,59,.429) 1px}.filter-date,.filter-status{padding:1.9rem 2.3rem}.lable-width{min-width:5rem}.btn-range{width:4rem}.check-status{width:9rem}.filter-footer{height:5vh;display:flex;justify-content:flex-end;align-items:center;padding:1.5rem;gap:.6rem;border-top:solid rgba(59,59,59,.429) 1px}.border-success{border-width:1px;border-color:#01bd01c1}.border-danger{border-width:1px;border-color:#ff0000c1}.header-success{background-color:#01bd01c1;color:#fff}.header-danger{background-color:#ff0000c1;color:#fff}.due-bills td{min-width:5rem}.payment-icons{max-height:2.4rem}.payment-border{border:3px solid rgba(251,31,31,.733);border-radius:5rem;padding:1rem}.about-me{height:100%;font-size:95%;line-height:1.6rem}.about-me p{color:#4e4848}.about-me li{list-style-type:disclosure-closed}.projects a,#contactForm{width:25rem}.projects{display:flex;flex-direction:column;row-gap:1rem;margin-bottom:2.6rem}.btn-project{background-color:#28a745;background:linear-gradient(15deg,#13547a,#80d0c7);color:#fff;border:none;padding:10px 20px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background-color .3s ease}.btn-project:hover{background-color:#00950a;background:linear-gradient(15deg,#80d0c7,#13547a);color:#fff}#contactForm input,#contactForm textarea{background-color:#1c2851!important;color:#fff!important;border:none!important}#contactForm input::-webkit-input-placeholder,#contactForm textarea::-webkit-input-placeholder{color:#fff!important}.border{padding:10px 15px;border-color:#01d293!important}legend{width:15rem;color:#01d293}@media (max-width: 1200px){.home-img{width:27rem;object-fit:contain}.contacts{max-width:100%}.section-img{display:none}.img-section img{width:22.5rem;object-fit:contain;margin:auto}}@media (max-width: 1024px){:root{font-size:90%}.home-img-container{justify-content:center;padding-top:1.5rem}.right-border{margin:0;border:none}.mt-md-3{margin-top:1rem}.filter-container{width:87vw;top:7rem}.filter-date,.filter-status{padding:1.9rem 0}.footer{padding:3rem .5rem}.footer-container{padding:0}.footer-about{margin-bottom:2rem}.footer-links{margin:0!important;flex-direction:row}.leagal-section p{font-size:90%}.login-page{width:100%;height:50vh}.main-container{width:100%;height:40vh}.img-section,.form-section{height:100%}.form-container{padding:3rem 1rem;width:100%;height:auto}}@media (max-width: 768px){.main-container{width:100%;height:auto}.login-page{width:100%;height:auto;margin:2rem 0}.img-section,.form-section{height:100%;border-radius:1rem}.img-section img{width:20rem;object-fit:contain;margin:auto}.applied-filters{display:none}.home-img{width:25rem;object-fit:contain}.projects a,#contactForm{width:23.5rem!important}.payment-icons{max-height:2rem}}@media (max-width: 576px){.sm-col-rev{flex-direction:column-reverse;gap:1rem}.form-container{padding:3rem 0;width:100%;height:auto}}