@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);*{font-family:Nunito,sans-serif}.link,a{text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}.homeWrapper{height:100%;width:100%}.homeContainer{display:flex;flex-direction:column;height:100%}.homeContainer .header{align-items:center;background-image:linear-gradient(90deg,#da4167 0,#f9d423);color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px 30px;width:100%}.header h1{font-family:Lobster Two,cursive}.homeContainer .header .homeBtn{background-color:#da4167;border:none;color:#fff;font-family:Nunito,sans-serif;outline:none}.homeContainer .main{align-items:center;display:flex;flex-direction:row}.homeContainer .main,.homeContainer .main .homeRight{height:100%;width:100%}.homeContainer .main .homeLeft{display:flex;flex-direction:column;height:100%;padding:50px;width:100%}.homeLeft p{color:#4fb0e4;font-size:13px;letter-spacing:1px;margin-bottom:20px;margin-top:60px}.homeRight img{height:auto;margin-top:30px;width:100%}.header .link{color:#fff}.homeContainer .main .homeLeft h2{color:#4169e1;font-size:50px}.homeContainer .main .homeLeft h3{color:#4169e1;padding-top:10px}.homeExtra{display:flex;flex-direction:column;gap:80px;margin-bottom:80px}.homeAbout,.homeFeatures{width:65%}.homeWhy{display:flex;justify-content:space-between;margin-right:30px}.homeWhy img{border-radius:12px;width:25%}.homeFea{display:flex;justify-content:space-between;margin-left:30px}.homeFea img{border-radius:12px;width:25%}.homeAbout{align-self:flex-start;margin-left:30px}.homeFeatures{align-self:flex-end;margin-right:30px}.homeFeatures h2{color:#da4167}.homeAbout ul,.homeFeatures ul{background:linear-gradient(135deg,#da4167,#ffad61);border-radius:10px;padding:30px}.homeAbout ul li,.homeFeatures ul li{color:#fff;list-style:circle;margin-bottom:15px}.homeAbout .why{color:#da4167;font-size:24px}.homeAbout p,.homeFeatures p{color:#333;font-size:18px;margin-bottom:15px;margin-top:10px}.homeTestimonials{align-items:center;display:flex;flex-direction:column;margin:80px 30px}.homeTestimonials h2{color:#da4167;margin-bottom:20px}.homeTestimonials .homeReview{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-around}.homeTestimonials .homeReview .review{border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:20px;height:250px;justify-content:space-between;letter-spacing:1px;padding:30px;width:300px}.homeTestimonials .homeReview .review:first-child{background-image:linear-gradient(0deg,#ff5982 0,#fa7850)}.homeTestimonials .homeReview .review:nth-child(2){background-image:linear-gradient(0deg,#fed64f 0,#e48d72)}.homeTestimonials .homeReview .review:nth-child(3){background-image:linear-gradient(0deg,#1ccae0 0,#4177ff)}.homeTestimonials .homeReview .review:hover{cursor:pointer;scale:.97;transition:.2s ease-in-out}.homeTestimonials .homeReview .review p{font-size:18px}.homeTestimonials .homeReview .review span{font-size:15px;text-align:end}.homeCTA{align-items:center;display:flex;flex-direction:column;gap:20px;margin:30px}.homeCTA h2{color:#da4167;font-size:24px}.homeCTA p{color:#333;margin-bottom:10px}.homeCTA .homeBtn{background-color:#da4167;color:#fff}.homeCTA .homeBtn:hover{background-color:#9c1134}.homeBtn:hover,.homeCTA .homeBtn:hover{color:#fff;scale:1.1;transition:.2s ease-in-out}.homeBtn:hover{background-color:#0040ff}.queries{align-items:center;flex-direction:column;padding:10px}.aboutbtn,.contain,.queries{display:flex;gap:10px}@media only screen and (max-width:760px){.homeContainer .main .homeLeft h2{font-size:40px}.homeContainer .main .homeLeft p{font-size:15px;margin-top:10px}}@media only screen and (max-width:520px){.homeContainer .header{padding:10px}.homeContainer{height:92vh!important;margin-bottom:30px}.homeTestimonials .homeReview .review{border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:20px;height:250px;justify-content:space-between;letter-spacing:1px;padding:20px;width:300px!important}.aboutbtn{display:none}}@media only screen and (max-width:920px){.homeTestimonials .homeReview .review{border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:20px;height:240px;justify-content:space-between;letter-spacing:1px;padding:20px;width:240px}.homeContainer{height:70vh}.homeFea,.homeFea img,.homeWhy,.homeWhy img{height:-webkit-max-content;height:max-content}.homeFea,.homeWhy{align-items:center}}@media only screen and (max-width:490px){.homeContainer .main .homeLeft{align-items:center;display:flex;flex-direction:column;gap:20px}.homeContainer .main .homeLeft h2{font-size:35px;text-align:center}.homeContainer .main .homeLeft h3{text-align:center}.homeContainer .main{align-items:center;display:flex;flex-direction:column;width:100vw}.homeContainer .main .homeLeft p{font-size:13px;margin-top:10px;text-align:center}.homeContainer .main .homeRight{display:flex;justify-content:center;width:350px}.homeContainer .main .homeLeft{padding:30px}}@media only screen and (max-width:520px){.homeTestimonials .homeReview{flex-direction:column}.homeAbout p{display:none}.homeWhy{display:flex;flex-direction:column}.homeAbout h2{margin-bottom:15px;text-align:center}.homeAbout,.homeFeatures{width:90%}.homeFea img,.homeWhy img{display:none}.homeFeatures h2{margin-bottom:15px;text-align:center}.homeFeatures p{display:none}.homeCTA h2,.homeCTA p{text-align:center}.homeCTA p{font-size:15px}}.footer{background-color:#000;color:#fff;padding:2rem 1rem}.footerLogo{color:#fff;cursor:pointer;font-family:Lobster Two,cursive;font-size:2rem;width:100%}.footerLogo:hover{color:#b64a07;transition:.2s}.footerTop{align-items:center;display:flex;justify-content:space-between}.footerIcons a{color:#fff;cursor:pointer;font-size:2rem;margin-left:1rem;text-decoration:none}.footerIcons a:hover{color:#b64a07;transition:.2s}.footer a{color:#fff;text-decoration:none}.footer a:hover{color:#b64a07;transition:.2s}.footer span{color:#b64a07}.footerMid{justify-content:space-around;margin-top:2rem}.footerBottom,.footerMid{align-items:center;display:flex}.footerBottom{justify-content:center;margin:3rem 0 1rem;text-align:center}@media(max-width:550px){.footerIcons a{font-size:1.5rem}.footerMid{font-size:small}.footerMid a{font-size:.6rem}.footerMid h4{font-size:.7rem}.footerBottom p{font-size:.8rem}p{font-size:.6rem}}.loginWrapper{align-items:center;background-image:linear-gradient(-225deg,#231557,#44107a 29%,#ff1361 67%,#fff800);display:flex;flex-direction:column;gap:40px;height:100vh;justify-content:center;width:100%}.loginWrapper h1{color:#fff}.loginContainer{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:row;height:70%;justify-content:center;width:80%}.loginLeft{height:100%;width:120%}.loginRight{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:50px 20px;text-align:center;width:80%}.loginRight h2{color:#7d34eb}.loginLeft{background:url(/static/media/invoice.cde90e3191ad2f3e0dee.jpg);background-size:cover;border-radius:12px 0 0 12px}.loginRight .loginForm{display:flex;flex-direction:column;margin-top:40px}.loginRight .loginForm input{background-color:#e3d0ff;border:none;border-radius:20px;height:40px;letter-spacing:1px;margin-top:20px;outline:none;padding:0 40px;width:300px}.loginRight .loginForm input::placeholder{color:#b68ff0;font-size:13px}.loginRight .loginForm p{color:#b67af6;font-size:14px;margin-bottom:20px;padding:10px;text-align:end;text-decoration:underline}.loginRight .loginForm .inputContainer{position:relative}.loginRight .loginForm .inputContainer .icon{color:#44107a;left:10px;position:absolute;top:27px}.loginRight .loginForm .inputContainer .eyeIcon{color:#44107a;cursor:pointer;position:absolute;right:10px;top:27px}.loginRight .loginBtn{border-radius:12px}@media only screen and (max-width:520px){.loginContainer{flex-direction:column-reverse}.loginLeft{border-radius:0 0 12px 12px;height:20%;width:100%}.loginRight .loginForm input{width:280px}}.registerWrapper{align-items:center;background-image:linear-gradient(-225deg,#231557,#44107a 29%,#ff1361 67%,#fff800);display:flex;flex-direction:column;gap:40px;height:100vh;justify-content:center;width:100%}.registerWrapper h1{color:#fff}.registerContainer{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:row;height:70%;justify-content:center;width:80%}.registerLeft{height:100%;width:120%}.registerRight{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:50px 20px;text-align:center;width:80%}.registerRight h2{color:#7d34eb}.registerLeft{background:url(/static/media/invoice.cde90e3191ad2f3e0dee.jpg);background-size:cover;border-radius:12px 0 0 12px}.registerRight .registerForm{display:flex;flex-direction:column;margin-top:none}.logoBtn{color:#b68ff0;cursor:pointer;text-align:left}.registerRight .registerForm input{background-color:#e3d0ff;border:none;border-radius:20px;height:40px;letter-spacing:1px;margin-top:20px;outline:none;padding:0 40px;width:300px}.registerRight .registerForm input::placeholder{color:#b68ff0;font-size:13px}.registerRight .registerForm p{color:#b67af6;font-size:14px;margin-bottom:20px;padding:10px;text-align:end;text-decoration:underline}.registerRight .registerForm .inputContainer{position:relative}.registerRight .registerForm .inputContainer .icon{color:#44107a;left:10px;position:absolute;top:27px}.registerRight .registerForm .inputContainer .eyeIcon{color:#44107a;cursor:pointer;position:absolute;right:10px;top:27px}.registerRight .registerBtn{border-radius:12px;margin-top:20px}.errorMessage{color:red;font-size:14px;margin-top:5px;text-align:center}.imagePreview{border:none;bottom:0;height:40px;outline:none;padding:5px;position:absolute;right:-50px;width:50px}@media only screen and (max-width:520px){.registerContainer{flex-direction:column-reverse}.registerLeft{border-radius:0 0 12px 12px;height:20%;width:100%}.registerRight .registerForm input{width:280px}}@media only screen and (max-width:920px){.imagePreview{display:none}}.dashboardWrapper{display:flex;flex-direction:row;height:100vh;width:100%}.dashboardWrapper .sideNav{background-image:linear-gradient(0deg,#3f51b1 0,#5a55ae 13%,#7b5fac 25%,#8f6aae 38%,#a86aa4 50%,#cc6b8e 62%,#f18271 75%,#f83600 87%,#f83600);height:100vh;width:18%}.dashboardWrapper .mainContainer{height:100vh;padding:0;width:82%}.dashboardWrapper .sideNav .profileInfo{align-items:center;background-image:linear-gradient(90deg,#f83600 0,#f9d423);color:#fff;display:flex;flex-direction:row;gap:14px;justify-content:center;padding:10px;text-align:center;width:100%}.dashboardWrapper .sideNav .profileInfo img{border-radius:50%;height:60px;width:60px}.dashboardWrapper .sideNav .profileInfo h3{font-size:20px}.logoutContainer{height:50px;padding-bottom:30px;padding-top:80px}.logoutBtn,.logoutContainer{align-items:center;display:flex;justify-content:center}.logoutBtn{background-color:#bf1c42;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;height:40px;outline:none;padding:10px;text-align:center;width:140px}.logoutBtn:hover{background-color:crimson;scale:.9;transition:.3s ease-in-out}.menuBar{flex-direction:column;gap:20px;margin:30px}.menuBar,.menuBar .menuLinks{align-items:center;display:flex}.menuBar .menuLinks{background-color:#fff;border-radius:8px;color:crimson;font-size:18px;justify-content:center;padding:10px;text-align:center;text-decoration:none;width:100%}.menuBar .menuLinks:hover{background-color:#f5f5f5;color:#000;scale:.98;transition:.2s ease-in-out}.menuBar .menuIcons{align-items:center;display:flex;justify-content:center;margin-right:10px;text-align:center}@media only screen and (max-width:920px){.sideNav{display:none}.dashboardWrapper .mainContainer{height:100vh;padding:0;width:100%}}@media only screen and (max-width:2000px){.dashResponsive{display:none}}@media only screen and (max-width:920px){.dashboardWrapper{flex-direction:column}.dashResponsive{background-color:#da4167;display:flex;flex-direction:row;height:80px;justify-content:space-between;padding:5px 10px;width:100%}.dashResponsive .profileInfo img{border-radius:50%}.dashResponsive .profileInfo{flex-direction:row;font-size:24px;gap:20px}.dashResponsive .hamburgerMenu,.dashResponsive .profileInfo{align-items:center;color:#fff;display:flex}.hamburgerMenu .icon{cursor:pointer;font-size:40px}.responsiveMenu{box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:20px;position:absolute;right:10px;top:80px;width:250px;z-index:1000}.responsiveMenu,.responsiveMenu .menuLinks{background-color:#fff;border-radius:8px;display:flex;padding:10px}.responsiveMenu .menuLinks{align-items:center;color:crimson;gap:10px;text-decoration:none}.responsiveMenu .menuLinks:hover{background-color:#f0f0f0;transition:.2s ease-in-out}.responsiveMenu .logoutBtn{background-color:#da4167;color:#fff}.responsiveMenu .logoutBtn:hover{background-color:#ed6c8c}}.privacyPolicy,.terms{letter-spacing:1px;padding:20px}.homeMainWrapper{background-color:#fff;height:100%;width:100%}.homeMainWrapper .homeMainContainer1{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding:30px;width:100%}.homeMainWrapper .homeMainContainer1 .homeMainBox1,.homeMainWrapper .homeMainContainer1 .homeMainBox2,.homeMainWrapper .homeMainContainer1 .homeMainBox3{align-items:center;background-image:linear-gradient(90deg,#f78ca0 0,#f9748f 19%,#fd868c 60%,#fe9a8b);border-radius:5px;color:#fff;display:flex;flex-direction:column;height:150px;justify-content:center;text-align:center;width:250px}.homeMainWrapper .homeMainContainer2{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-around;margin-top:30px;padding:20px;width:100%}.homeMainWrapper .homeMainContainer2 .chartBox{background-color:#f7f2ff;height:50vh;width:60%}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox{background-color:#f7f2ff;display:flex;flex-direction:column;height:50vh;padding:10px;width:50%}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox h2{background-color:#b889ff;color:#fff;font-size:20px;margin-bottom:10px;padding:8px 0;text-align:center}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox div{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:10px;padding:0 10px}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox div:hover{background-color:#ecdeff;cursor:pointer;transition:.2s}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox div span{color:#954eff;font-size:15px;width:50%}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox div button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;outline:none;padding:5px 10px}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox div button:hover{background-color:#16c316;transition:.2s ease-in-out}@media only screen and (max-width:920px){.homeMainBox2,.homeMainBox3,.homeMainWrapper .homeMainContainer1 .homeMainBox1,.homeMainWrapper .homeMainContainer1 .homeMainBox2,.homeMainWrapper .homeMainContainer1 .homeMainBox3{height:100px;width:160px}.homeMainWrapper .homeMainContainer2{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:space-around;margin-top:30px;width:100%}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox,.homeMainWrapper .homeMainContainer2 .chartBox{height:-webkit-max-content;height:max-content;width:80%}}@media only screen and (max-width:520px){.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox,.homeMainWrapper .homeMainContainer2 .chartBox{height:-webkit-max-content;height:max-content;width:95%}.homeMainBox2,.homeMainBox3,.homeMainWrapper .homeMainContainer1 .homeMainBox1,.homeMainWrapper .homeMainContainer1 .homeMainBox2,.homeMainWrapper .homeMainContainer1 .homeMainBox3{height:100px;width:120px}.homeMainWrapper .homeMainContainer1{gap:10px;padding:20px}.homeMainWrapper .homeMainContainer1 h2{font-size:16px}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox h2{font-size:16px;margin-bottom:5px;padding:5px 0}.homeMainWrapper .homeMainContainer2 .RecentInvoiceBox div{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:5px;padding:0}}.settingsWrapper{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;gap:40px;height:100%;padding:30px 50px;text-align:center;width:100%}.settingsHeading{color:#4169e1;cursor:pointer;font-size:25px;letter-spacing:1px;width:100%}.settingsContainer{background-color:#fff;border-radius:12px;min-height:300px;padding:40px 20px;width:60%}.settingsContainer .imageUpdate{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 30px;position:relative}.settingsContainer img{align-self:flex-start;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:80px;width:80px}.settingsContainer span{color:#000;font-size:20px}.settingsContainer .updateBtn{align-items:center;background-color:#4169e1;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:18px;gap:5px;height:-webkit-max-content;height:max-content;outline:none;padding:10px;text-align:center}.settingsContainer .updateBtn:hover{background-color:green;transition:.2s ease-in-out}.imageUpdate .edit{background-color:#bbacff;border-radius:50%;bottom:1px;color:#fff;cursor:pointer;left:90px;padding:0 4px;position:absolute}.companyNameUpdate{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:40px;padding:0 30px;position:relative}.companyNameUpdate input{background-color:#e3d0ff;border:none;border-radius:5px;color:#9156eb;font-size:15px;outline:none;padding:12px}@media only screen and (max-width:520px){.settingsWrapper{padding:30px 5px}.settingsContainer{border-radius:10px;min-height:300px;padding:20px;width:95%}.settingsContainer .imageUpdate{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0;position:relative}.imageUpdate .edit{background-color:#bbacff;border-radius:50%;bottom:1px;color:#fff;cursor:pointer;left:60px;padding:0 4px;position:absolute}.companyNameUpdate{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin-top:40px;padding:0;position:relative}}.newInvoiceHeading{align-items:center;display:flex;font-size:25px;font-weight:700;justify-content:center;padding:10px;width:100%}.newInvoiceContainer{padding:20px}.newInvoiceHeader{display:flex;flex-direction:row}.newInvoiceForm{padding:10px 100px}.newInvoiceForm .formRow{display:flex;flex-direction:row;gap:20px;justify-content:space-around;margin-bottom:20px}.newInvoiceForm input{background-color:#e3d0ff;border:none;border-radius:8px;color:#47119a;font-size:15px;letter-spacing:1px;outline:none;padding:8px 15px;width:250px}.newInvoiceForm input::placeholder{color:#b084f4}.newInvoiceForm .formRow .addressRow{background-color:#e3d0ff;border:none;border-radius:5px;color:#47119a;font-size:15px;height:80px;letter-spacing:1px;outline:none;padding:10px;width:400px}.newInvoiceForm .formRow .addressRow::placeholder{color:#b084f4}.saveBtn{align-items:center;background-color:green;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:-webkit-max-content;height:max-content;justify-content:center;padding:8px 10px;width:-webkit-fit-content;width:fit-content}.saveBtn:hover{background-color:#075707;transition:.2s ease-in-out}.newInvoiceForm .addBtn{align-items:center;background-color:#47119a;border-radius:5px;color:#e3d0ff;cursor:pointer;display:flex;justify-content:center;padding:5px 10px}.newInvoiceForm .addBtn:hover{background-color:#310770;transition:.2s ease-in-out}.productList{background-color:#f7f2ff;border-radius:12px;color:#310770;font-size:15px;height:200px;overflow-y:scroll;padding:10px 50px;width:100%}.productList .products{display:flex;flex-direction:row;margin:10px 0}.productList .products h5,.productList .products p{margin-top:5px;text-align:left;width:20%}.totalPrice{display:flex;justify-content:flex-end}.totalPrice h5{color:#8a2be2;font-size:18px;margin-top:30px;width:20%}@media only screen and (max-width:920px){.newInvoiceForm{padding:10px 20px}.newInvoiceForm input{padding:8px 10px}}@media only screen and (max-width:1024px){.newInvoiceForm{padding:10px 50px}}@media only screen and (max-width:768px){.newInvoiceForm input{width:185px}}@media only screen and (max-width:520px){.newInvoiceForm .formRow{display:flex;flex-direction:column;gap:8px}.newInvoice{height:100%;width:100%}.newInvoiceForm input{border-radius:5px;font-size:13px;padding:5px 15px;width:280px}.newInvoiceForm .addressRow{padding:5px 15px;width:280px!important}.newInvoiceContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.newInvoiceHeader{display:flex;justify-content:space-between;width:100%}}.invoiceWrapper{background-color:#ecd7ff;height:100%;overflow-y:scroll;padding:10px 50px;width:100%}.invoiceWrapper h4{color:#8a2be2;font-size:30px;text-align:center}.invoiceBox{align-items:center;background-color:#fff;border:1px solid #daafff;border-radius:5px;color:#8a2be2;display:flex;flex-direction:row;gap:20px;margin-top:15px;padding:10px}.invoiceBox p{width:30%}.invoiceBox button{border:none;border-radius:5px;cursor:pointer;outline:none;padding:0 5px}.invoiceBox .deleteBtn{background-color:red;color:#fff}.invoiceBox .deleteBtn:hover{background-color:#ff5b7b;color:#fff;transition:.2s ease-in-out}.invoiceBox .viewBtn{background-color:green;color:#fff}.invoiceBox .viewBtn:hover{background-color:#02c402;color:#fff;transition:.2s ease-in-out}@media only screen and (max-width:520px){.invoiceWrapper{padding:10px 20px}.invoiceWrapper h4{color:#da4167;font-size:25px}.invoiceBox{background-color:#fff;gap:13px;padding:6px 10px}}.invoiceViewWrapper{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:row;gap:30px;height:100%;justify-content:center;width:100%}.invoiceViewWrapper .invoiceViewContainer{background-color:#fff;border:1px solid #000;display:flex;flex-direction:column;font-size:10px;justify-content:space-between;margin:10px;min-height:90%;padding:10px;width:42%}.invoiceFooter{padding:20px 30px;text-align:end}.invoiceViewWrapper .invoiceViewContainer .companyName{border-bottom:1px solid #000;color:#4169e1;font-size:22px;font-weight:700;letter-spacing:1px;text-align:center;text-transform:uppercase}.invoiceViewWrapper .invoiceViewContainer .bondInfo{border-bottom:1px solid #000;display:flex;flex-direction:row;font-size:10px;justify-content:space-between;padding:10px;width:100%}.invoiceSpan{display:flex;justify-content:center;width:100%}.invoiceDesc{display:flex;flex-direction:row;justify-content:space-between}.customerDetail,.invoiceViewWrapper .invoiceViewContainer .bondInfo .ownerDetail{display:flex;flex-direction:column}.invoiceTable{border-collapse:collapse;margin-top:15px;width:100%}.invoiceTable th,td{border:1px solid #bed7ff;padding:2px 5px}.invoiceTable thead th{background-color:#4169e1;color:#fff}.invoiceTable tbody{text-align:left}.invoiceTable tfoot td{background-color:#4169e1;color:#fff}.printInvoiceBtn{flex-direction:row;gap:10px;justify-content:center}.printBtn,.printInvoiceBtn{align-items:center;display:flex}.printBtn{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;gap:5px;outline:none;padding:3px 5px;text-align:center}.printBtn:hover{background-color:#02c402;color:#fff;transition:.2s ease-in-out}@media only screen and (max-width:920px){.invoiceViewWrapper .invoiceViewContainer{background-color:#fff;border:1px solid #000;display:flex;flex-direction:column;font-size:10px;justify-content:space-between;margin:10px;min-height:64%;padding:10px;width:65%}}@media only screen and (max-width:520px){.invoiceViewWrapper{flex-direction:column}.invoiceViewWrapper .invoiceViewContainer{font-size:8px;min-height:60%;width:90%}.invoiceViewWrapper .invoiceViewContainer .companyName{font-size:22px;text-align:center}.invoiceFooter{padding:20px 10px;text-align:end}}@media only screen and (max-width:380px){.invoiceViewWrapper .invoiceViewContainer{min-height:75%;width:90%}}@media only screen and (max-width:350px){.invoiceViewWrapper .invoiceViewContainer{min-height:52%;width:90%}}.about{font-family:Arial,sans-serif;line-height:1.8;padding:20px}.about h1,.about h2{color:#333;margin-bottom:10px}.about ul{list-style-type:disc;margin-left:20px}.contact{display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:40px}.contact h1{color:#333;margin-bottom:10px}.contactForm{margin:20px 0}.contactBtn{background-color:#1976d2;color:#fff;margin-top:20px}.contactInfo{line-height:1.8;margin-top:30px}.contactInfo strong{color:#333}.contactFeedback{align-items:center;background-color:#f9f9f9;display:flex;font-family:Arial,sans-serif;justify-content:center;padding:20px}.contactForm{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:15px;max-width:500px;padding:20px;width:100%}.contactForm input[type=email],.contactForm input[type=text],.contactForm textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.contactForm input[type=email]:focus,.contactForm input[type=text]:focus,.contactForm textarea:focus{border-color:#1976d2}.contactForm textarea{resize:none}.contactForm input[type=Submit]{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease}.contactForm input[type=Submit]:hover{background-color:#155a9c}
/*# sourceMappingURL=main.c8f83bc3.css.map*/