@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@300&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif}a{text-decoration:none;color:inherit}link{text-decoration:none}.main{display:flex;position:absolute}.container{width:85vw}.menuContainer{background:#219d80;height:50px;position:sticky;top:0;z-index:1}.login{background:#e5e5e5;height:100vh;overflow:hidden}.loginTop{height:88vh;display:flex}.left{width:50vw;display:flex;justify-content:center;align-items:center}.form-container{display:flex;flex-direction:column}.header{color:#fa2f2e;text-align:center;font-size:64px;font-style:normal;font-weight:400;line-height:normal}.subtitle{text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:2em}.inputs{display:flex;flex-direction:column;gap:2em;margin-bottom:2em;position:relative}.field{display:block;position:relative}.field__label{position:absolute;top:0;left:0;margin:0;transform-origin:0 0;transform:translate3d(12px,12px,0);font-size:14px;line-height:20px;transition:transform .2s}.field__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px;outline:none;font-size:16px;line-height:20px;border-radius:4px;border:none}.field__input::placeholder{color:transparent!important;-webkit-user-select:none!important;user-select:none!important}.field__input:focus+.field__label,.field__input:not(:placeholder-shown)+.field__label{transform:translate3d(0,-100%,0) scale(.875)}.loginBtn{border:none;display:flex;width:300px;height:46px;padding-bottom:0;justify-content:center;align-items:center;border-radius:10px;background:rgba(241,90,89,.8);cursor:pointer;box-shadow:0 4px 4px #0000004d}.loginBtn:hover{background:#fa2f2e;transition:all 1s ease-in-out}.right{width:50vw}.logo{width:100%}.waves{width:100vw}.nav{width:15vw;height:100vh;background:#fff;box-shadow:0 4px 4px #00000040;position:sticky;top:0}.top{height:6.5%;position:sticky;top:0;display:flex;align-items:center;justify-content:center}.nav-logo{width:70%;padding:40px 0 0}.bottom{height:93.5%;display:flex;justify-content:center}.linkContainer{margin:5em 0}.item{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.title{font-size:18px;font-weight:700;text-transform:uppercase}.item>a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.item>a:hover{background-color:#219d80;color:#fff}.menu{display:flex;justify-content:end;align-items:center;height:100%}.logoutBtn{margin:0 10px;padding:5px;border:none;border-radius:5px;display:flex;width:100px;background:white;height:30px;justify-content:center;font-weight:700;cursor:pointer;align-items:center}.chartContainer{background:#fff;box-shadow:4px 4px 4px 4px #0000000d,0 4px 4px #00000040;padding:10px;border-radius:8px}.chartInnerWrapper{height:30em}.projectContainer .pieChartBox{height:100%;display:flex;flex-direction:column;justify-content:space-between;width:100%}.pieChartBox>h1{text-align:center;font-size:20px;font-style:normal;font-weight:600;line-height:normal;white-space:normal;overflow-wrap:break-word;width:100%}.pieChartContainer{display:flex;margin:30px 0}.projectContainer .chart{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.options{display:flex;gap:15px;font-size:14px;flex-direction:column;align-items:baseline}.option{display:flex;flex-direction:column;gap:10px;align-items:center}.optionTitle{display:flex;align-items:center;gap:5px}.optionTitle>p{font-size:15px;font-weight:500;text-transform:capitalize;white-space:nowrap}.optionValue{font-weight:bolder;text-transform:capitalize}.dot{width:10px;height:10px;border-radius:50%}.chart{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.projectGroup{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;width:fit-content}.projectContainer{margin:10px;flex:1;overflow:hidden;position:relative;min-width:300px}.projectContainer1{width:30%;flex-shrink:0;border:1px solid #d0d0d0;border-radius:8px;padding:10px}.homecontainer{background-color:#faf9f6}.home{font-size:32px;font-family:Open sans sans-serif;font-weight:400;line-height:normal;color:#000;font-style:normal;display:flex;align-items:center;justify-content:space-between;padding:15px 40px;background:white;position:sticky;top:50px;z-index:1;box-shadow:4px 0 4px 1px #00000040}.home>p{padding:0;width:25%}.rateBtn{display:flex;gap:30px;align-items:center}.rateBtn>button{padding:10px;font-size:16px;font-weight:700;border-radius:4px;background-color:#219d80;color:#fff;box-shadow:0 2px 4px #0003,0 -1px #00000005;border:none;cursor:pointer}.rateBtn>button:hover{box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;transition:.5s ease}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:95%;margin:20px auto auto;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0003;padding:20px}.grid div{width:207.117px;height:106px;background-color:red;margin-top:30px;margin-bottom:30px;border-radius:10px}.cardContent{display:flex;gap:20px;align-items:end;padding:10px;box-shadow:0 2px 4px #0003,0 -1px #00000005}.cardContent:hover{box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;transition:.5s ease}.cardContent p{color:#000;font-family:PT serif;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.chartsBox{display:flex;flex-direction:column;margin:40px}.chartTop{display:flex;justify-content:space-between;align-items:center;gap:20px}.chartTop>div{background:#fff;box-shadow:4px 4px 4px 4px #0000000d,0 4px 4px #00000040;padding:10px;border-radius:8px;margin:10px 0;width:50%}.chartBottom{display:flex;flex-direction:column}.pieTop{display:flex;gap:15px;background:#fff;box-shadow:4px 4px 4px 4px #0000000d,0 4px 4px #00000040;padding:10px;border-radius:8px;overflow-x:auto;white-space:nowrap;margin:40px 0}.barCharts{display:flex;flex-direction:column;gap:2em}.Complaints{margin:40px}.complaintsTitle{font-size:21px;font-style:normal;font-weight:700;line-height:28px;text-transform:uppercase;margin:0 0 20px}.dataGrid{background:white;padding:20px}.MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.action{display:flex;gap:15px}.MuiDataGrid-columnHeaders{background:rgb(56,56,56);color:#fff}.MuiDataGrid-columnHeaders:hover{transition:.8s ease-in-out;background:white;color:#000}.formConatiner{width:95%;margin:50px auto auto;border-radius:10px;box-shadow:0 3px 10px #0003;padding-top:50px;padding-bottom:30px}.formdetails{display:flex;gap:30px;justify-content:center}.formdetails input{width:429px;height:37px;margin:10px;border:none;border-radius:3px;outline:none;background:#EBEBEB;box-shadow:0 4px 4px #00000040}.firstfrom{display:flex;flex-direction:column}.firstfrom div{display:flex;align-items:center}.secondform{display:flex;flex-direction:column}.secondform div{display:flex;align-items:center}.formdetails label{color:#000000b3;font-family:Open Sans;font-size:15px;font-style:normal;font-weight:700;line-height:normal;width:143px}