body{display:flex;flex-direction:column}.ppc,body{height:100vh}.container-home{margin:0 auto;width:80%}.optionC{align-items:flex-end;justify-content:flex-end;width:120px;z-index:100}.Options,.optionC{display:flex;flex-direction:column}.Options{align-items:center;background-color:#5a655b;border-radius:10px;gap:20px;justify-content:center;padding:30px;position:relative;width:200%;li{list-style-type:none}}.optionC{padding:20px;position:absolute;right:10%}@media screen and (max-width:568px){.containerHomeNavMob{display:flex;font-size:clamp(12px,1.25vw,5vw);justify-content:space-between;position:relative;h1{left:10vw;position:relative}}}.optionBtn{background-color:initial;border:0;box-shadow:0;justify-self:flex-end;position:relative}.headerHome{background-color:#213f24eb;color:#fff;padding:20px 0}.containerHomeNav{align-items:center;display:flex;font-size:clamp(12px,1.25vw,5vw);justify-content:space-between;position:relative;h1{left:5vw;position:relative;&:hover{cursor:pointer}}}nav ul{position:relative;right:5vw}.hero{align-items:center;background-image:url(/static/media/homecover.4063df0a072d99570ac0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:100%;justify-content:center;object-fit:cover}.hero h2{font-size:clamp(40px,4vw,5vw);margin-bottom:20px}.hero p{font-size:clamp(12px,20px,5vw);margin-bottom:30px}.btn{background-color:#4caf50;border-radius:5px;color:#fff;padding:10px 20px;text-decoration:none}.features{background-color:#396d3cc4;padding:50px 0;text-align:center}.feature-box{border-radius:5px;display:inline-block;margin:0 2%;padding:20px;vertical-align:top;width:30%}.feature-box h3{margin-bottom:10px}footer{background-color:#333;color:#fff;padding:20px 0;text-align:center}footer .container p a{color:#fff;text-decoration:none}.ourAimContainer{align-items:center;background-color:#f4f0ea;display:flex;gap:20px;justify-content:space-between;min-height:40vw}.ourAimContainer img{position:relative;right:10%;width:clamp(250px,30vw,100vw)}.aimText{display:flex;flex-direction:column;font-size:clamp(16px,1.5vw,1000px);left:10%;padding:10px;position:relative;width:30%;h3{color:#66b266}}@media screen and (max-width:700px){.ourAimContainer{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-bottom:10%;margin-top:20%}.ourAimContainer img{right:0;width:clamp(250px,30vw,100vw)}.aimText{align-items:center;display:flex;font-size:clamp(16px,20px,25px);justify-content:center;left:0;position:relative;width:80%;h3{align-self:center;color:#66b266;justify-self:center}p{left:3%;position:relative}}}*{-ms-overflow-style:none;box-sizing:border-box;font-family:Jost;padding:0;scrollbar-width:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.profileContainer .sub2 .locationContainer{display:grid;grid-template-columns:100px 1fr;grid-template-rows:2fr;position:relative;right:8%;.locationicon{align-self:center;color:#000;grid-column:2/3;grid-row:1/2;height:30px;justify-self:center;transition:color .4s ease-in-out;&:hover{cursor:pointer}}.locTrue{color:red}.loc{align-self:center;grid-column:1/2;grid-row:1/2;justify-self:center}.setLocationC{align-items:center;align-self:stretch;background-color:#fff;border-radius:5%;display:flex;flex-direction:column;grid-column:1/6;grid-row:2/5;justify-content:center;justify-self:stretch;left:30px;position:relative;top:10px;z-index:1;button{font-size:small;width:1fr}}}.profileContainer{align-items:center;background-color:#d3dacf;border-radius:5px;display:flex;height:10vh;justify-content:space-between;.sub1{font-size:70%;left:5%;position:relative}}.profileContainer .sub2{align-items:center;display:flex;gap:10px;height:10vh;justify-content:center;position:absolute;right:5%;z-index:2}.beforeExp{border-radius:50%;height:20px;transform:scale(1.2);transition:transform .3s ease-in-out;&:hover{cursor:pointer}}.beforeExp.active{border-radius:50%;height:20px;transform:scale(1.5);&:hover{cursor:pointer}}.afterExp{border-radius:50%;height:40%;width:40%}.sub2 .profileContainerMenu{background-color:#f1f1f1;border-radius:5%;height:auto;position:absolute;right:5px;top:80%;width:200px;z-index:1;.dpDetails{align-items:center;background-color:#fff;border:2px #191919;border-style:none none ridge;border-top-left-radius:5%;border-top-right-radius:5%;display:flex;font-size:20px;padding:10px}.profileMenu{background-color:#f1f1f1;border-bottom-left-radius:5%;border-bottom-right-radius:10%;padding-left:5px;li{background-color:#f1f1f1;font-size:medium;margin-bottom:6px;padding-top:8px;transition:background-color .3s ease-in-out}li:hover{background-color:#d8d8d8;cursor:pointer}.logout,li a{color:#191919;text-decoration:none}.menuIcons{padding-right:5px}}}.sub2 .profileContainerMenu.show{animation:showProfile .15s ease-in-out 0s 1 normal forwards;background-color:F3E7E0}@keyframes showProfile{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(0)}}@media only screen and (max-width:600px){.waste-card{background-color:#fff;border:1px solid #fffefe;border-radius:5px;box-shadow:2px 2px 5px #0003;display:flex;font-size:small;margin-bottom:5px;margin-top:5px;img{height:15vh;object-fit:contain;width:100vw}}.waste-card .contentWaste{align-items:center;display:flex;justify-content:space-between;width:100%}.contentWaste.hide{display:none}#main{font-weight:700}.left-content{left:4%;position:relative;width:40%}.right-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:30%;.icons{background-color:#fff;display:flex;gap:5px;justify-content:space-between;margin-bottom:10px;width:3.5rem;.ico{height:20px;transition:transform .2s ease-in-out;width:20px;&:hover{cursor:pointer;transform:scale(1.2)}}}}}@media only screen and (min-width:601px){.waste-card{background-color:#fff;border:1px solid #fffefe;border-radius:5px;box-shadow:2px 2px 5px #0003;font-size:1rem;margin-bottom:5px;margin-top:5px;transition:box-shadow .2s ease-in-out,background-color .2s ease-in-out;&:hover{background-color:#fff;box-shadow:0 5px 15px #00000059;cursor:pointer}img{height:20vh;object-fit:contain;width:100vw}}.waste-card .contentWaste{align-items:center;display:flex;justify-content:space-between;width:100%}.waste-card .contentWaste.makeBackground{justify-content:space-around}.contentWaste.hide{display:none}#main{font-weight:700}.left-content{left:4%}.delete,.left-content,.statusDetails{background-color:#fff;position:relative}.delete,.statusDetails{align-items:center;display:flex;flex-direction:column;right:50px}.hide{display:none}.icons{background-color:#fff;display:flex;gap:5px;justify-content:center;margin-bottom:10px;width:3.5rem;.ico{height:20px;transition:transform .2s ease-in-out;width:20px;&:hover{cursor:pointer;transform:scale(1.2)}}}button{border-radius:5px;padding:5px}#cancel-bT{&:hover{background-color:#148a24;cursor:pointer;opacity:.8}}#delete-bT{&:hover{background-color:#cb1212;cursor:pointer;opacity:.8}}.defaultViewContainer{background-color:#fff;display:flex;width:100%;h2{color:#7a1a1a;position:absolute;right:30vw;top:18vh}}}@media only screen and (max-width:600px){.activityContainer{-ms-overflow-style:none;background-color:#e5e5e5;border-radius:5px;display:flex;flex-direction:column;max-height:350px;overflow-y:scroll;scrollbar-width:none;width:100%}.activityContainer .activityContent .activityHeader{align-items:center;background-color:#e5e5e5;display:flex;justify-content:space-between;h2{left:5vw;position:relative}span{margin-right:5vw;transform:scale(3)}}.activityContainer .activityContent .activity .waste-card{align-items:center;background-color:#fff;border:1px solid #fffefe;border-radius:5px;box-shadow:2px 2px 5px #0003;display:flex;font-size:small;justify-content:space-between;margin-bottom:5px;margin-top:5px;padding:10px;transition:box-shadow .2s ease-in-out,background-color .2s ease-in-out;width:100%;&:hover{background-color:#fff;box-shadow:0 5px 15px #00000059;cursor:pointer}}}@media only screen and (min-width:601px){.activityContainer{-ms-overflow-style:none;background-color:#e5e5e5;border-radius:5px;display:flex;flex-direction:column;max-height:350px;overflow-y:scroll;scrollbar-width:none;width:100%}.activityContainer .activityContent .activityHeader{align-items:center;background-color:#e5e5e5;display:flex;justify-content:space-between;h2{left:5vw;position:relative}span{margin-right:5vw;transform:scale(3)}}.activityContainer .activityContent .activity .waste-card{align-items:center;background-color:#fff;border:1px solid #fffefe;border-radius:5px;box-shadow:2px 2px 5px #0003;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:5px;margin-top:5px;padding:10px;transition:box-shadow .2s ease-in-out,background-color .2s ease-in-out;width:100%;&:hover{background-color:#fff;box-shadow:0 5px 15px #00000059;cursor:pointer}}}@media only screen and (max-width:600px){.sliderContainer{align-items:center;background-color:#6a816a;border-radius:5px;box-shadow:2px 2px 5px #0003;display:flex;font-size:small;height:30px;justify-content:space-around}.slider{background-color:#6a816a;color:#f0f8ff;display:block}.slider .progressBar{background-color:#000;border-radius:10px;bottom:-4px;height:5px;position:relative;transition:width .4s ease-in-out;width:0}.slider .progressBar.show{width:100%}}@media only screen and (min-width:601px){.sliderContainer{align-items:center;background-color:#6a816a;border-radius:5px;box-shadow:2px 2px 5px #0003;display:flex;font-size:1rem;height:30px;justify-content:space-around;position:relative}.slider{background-color:#6a816a;color:#fff;&:hover{cursor:pointer}}.slider .progressBar{background-color:#000;border-radius:10px;height:5px;position:relative;transition:width .3s ease-in-out;width:0}.slider .progressBar.show{width:100%}}.main{display:flex;flex-direction:column;height:100vh}.services{align-items:center;background-color:#d3dacf;border-radius:5px;box-shadow:2px 2px 5px #0003;display:flex;flex-grow:1;justify-content:center;margin-top:5px}input[type=file]{color:#0000;width:100px}input[type=file]::-webkit-file-upload-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.wasteMenuContainer{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;margin:10px;padding:30px;position:relative;width:75%}.wasteImageContainer{display:none}.wasteImageContainer.active{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:30% 1fr 40px 40px;height:auto;position:relative}.wasteType{display:none}.wasteType.active{display:block}h3{font-size:clamp(20px,2.5vw,48px)}.wasteTypesOption{display:flex;flex-wrap:wrap;gap:30px;height:30%}.wasteTypesOption button{background-color:#fff;border-radius:10px;font-size:clamp(20px,1.5vw,48px);font-weight:700;padding:10px}.green{border-color:#adff2f;border-style:solid}.nextIcon{bottom:18%;left:95%;position:absolute;transform:scale(3);transition:transform .2s ease-in-out;&:hover{cursor:pointer;transform:scale(4)}}.nextIconImage{align-self:flex-end;grid-column:6/7;grid-row:4/5;justify-self:center;transform:scale(3);transition:transform .2s ease-in-out;&:hover{cursor:pointer;transform:scale(4)}}.backIcon{align-self:flex-end;grid-column:1/2;grid-row:4/5;justify-self:flex-start;transform:scale(3) rotate(180deg);transition:transform .2s ease-in-out}.backIcon:hover{cursor:pointer;transform:scale(4) rotate(180deg)}.wasteImgFile{align-self:flex-end;grid-column:1/2;grid-row:3/4;justify-self:flex-start;position:relative}.wasteImageContainer .selectedWastePreview,.wastePreview{align-self:center;grid-column:1/4;grid-row:2/3;position:relative;width:50%}.findCollectors{display:none}.findCollectors.active{background-color:#fff;display:flex;flex-direction:column;overflow-y:scroll}.findCollectors h3,.wasteType h3{background-color:#6a816a;border-radius:10px;padding:20px}.collectorDetails{background-color:#fff;border:2px solid #000;border-radius:10px;display:flex;flex-direction:column;margin-top:5px;padding:20px}.findCollectors .collectorDetails h4{background-color:#fff;margin:0}.collectorDetails.green{border-color:#7fff00}.backIconC{position:relative;top:25px;transform:scale(3) rotate(180deg);&:hover{cursor:pointer}}.submitC{align-self:flex-end;background-color:#d3ddd4;&:hover{cursor:pointer}}.wasteImageContainer h3{align-self:flex-start;background-color:#6a816a;border-radius:10px;grid-column:1/7;grid-row:1/2;padding:20px;position:relative}@media only screen and (min-width:601px){.wastePreview{align-self:center;grid-column:1/4;grid-row:2/3;position:relative;width:30%}}.waste-collector-search-container{background-color:#d3dacf;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.search-input{align-items:center;display:flex}input[type=text]{border:1px solid #6a816a;border-radius:4px;flex:1 1;padding:8px}.searchButton{background-color:#6a816a;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 16px}.searchButton:hover{background-color:#4e644e}.body{display:block;font-family:Arial,sans-serif;height:100vh;width:100vw}.container-login,.tray{background-color:#deb887}.body .tray{background-color:#f7f7f7;display:inline-block;height:calc(100% - 150px);width:100%}.body .tray .container-login{background-color:#fff;border-radius:15px;box-shadow:0 0 30px #0000001a;height:auto;left:50%;margin:30px auto;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(300px,20%,80%)}.usertype{padding-bottom:10px}.tray .container-login h1{text-align:center}input[type=email],input[type=password],input[type=submit]{border:3px solid #ccc;border-radius:10px;box-sizing:border-box;margin:10px 0;padding:10px;width:100%}input[type=email]:hover,input[type=password]:hover{border-color:#bebcbc}.tray .container-login a:hover{color:green}.sidebar{background-color:#fff;border-radius:10px;color:#000;height:90%;margin-left:2%;margin-top:2%;width:15%}.sidebar,.sidebar-header{padding:20px}.sidebar-menu{padding:10px}.sidebar-menu ul{list-style-type:none;padding:0}.sidebar-menu ul li{cursor:pointer;padding:10px 0}.sidebar-menu ul li:hover{background-color:#555}.search-bar{display:flex;justify-content:space-between;padding:none}.search-bar,.search-box{height:100%;margin:none}.search-button{height:100%;margin:20px}#container{background-color:#fbfbfb;border-radius:10px;height:80%;justify-content:space-between;margin-top:10px;width:100%}#container,.content{display:flex;flex-direction:column}.content{color:#000;height:100%;margin:10px;padding-left:20px;padding-top:10px}.tab{display:block;height:100%}.get-location-tab,.get-waste-type-tab{display:flex;flex-direction:column;height:100%;justify-content:space-between}.get-location-tab{color:#000}.error{animation:shake .5s ease-in-out;border-color:red;border-style:solid}.next-btn-component{align-self:flex-end;display:flex;justify-content:end}.back-submit-btn-component{display:flex;justify-content:space-between}.back-btn,.next-btn,.submit-btn{background-color:#fff;border:none;border-radius:5px;color:#4caf50;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;margin:10px 0;padding:10px}.back-btn,.submit-btn{margin-right:10px}.back-btn:hover,.next-btn:hover,.submit-btn:hover{background-color:#d3ddd4}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.checkbox-container{display:flex;flex-direction:column;height:150px;justify-content:space-between}.custom-checkbox{display:none}.checkbox-label{cursor:pointer;font-size:16px;padding-left:25px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.checkbox-label:before{background-color:#fff;border:2px solid #000;border-radius:10px;content:"";height:18px;left:0;position:absolute;top:3px;width:18px}.custom-checkbox:checked+.checkbox-label:before{background-color:#007afd}.checkbox-label:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:5px;position:absolute;top:6px;transform:rotate(45deg);width:5px}.custom-checkbox:checked~.checkbox-label:after{display:block}.table-container{max-height:500px;overflow-y:auto;position:relative}.table-header{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.table-body{overflow-x:auto}.custom-table{border-collapse:collapse;width:100%}.custom-table td,.custom-table th{border:1px solid #ddd;padding:8px;text-align:left}.custom-table th{background-color:#f2f2f2}.pagination{margin-top:20px}.pagination button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none}.pagination button:hover{background-color:#45a049}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-size:16px;font-weight:700;margin:0 10px}.collectorhome{background-color:#f0f0f0;display:flex;height:100vh;justify-content:space-between;width:100vw;.main-content{display:flex;flex-direction:column;margin:2%;width:80%}}.WasteRQSection{font-size:15px;.table-container{font-size:15px;max-height:500px;overflow-y:auto;position:relative;.table-body{overflow-x:auto;.WRQ-table{border-collapse:collapse;border-radius:5px;width:100%;tbody{tr{td{align-content:center;background-color:#f9f9f9;border:2px solid #000;justify-content:center;padding:8px;text-align:center;text-align:left;vertical-align:middle}}tr:hover{color:#000}}}}}}.pickupButton{background-color:#4681f4;border:none;border-radius:15px;box-shadow:10px 10px 10px 5px #00000080;color:#000;display:inline-block;font-size:40px;padding:20px}.pickupButton:hover{background-color:#5783db;color:#000}.pickupButton:disabled{box-shadow:none;color:#757474}.pickupButton:disabled,.pickupButton:disabled:hover{background-color:#bec0c0}.popupContainer{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.popupContent{background-color:#fff;border-radius:5px;padding:20px}.closeBtn{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}.closeBtn:focus,.closeBtn:hover{color:#000;cursor:pointer;text-decoration:none}.buttons{display:flex;justify-content:space-between}.CASection{.table-container{.table-body{.custom-table{tbody{tr:hover{color:brown}}}}}}body{background-size:cover;font-family:Arial,sans-serif;padding:0}header{padding:10px 0}header nav .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:80%}nav ul{display:flex;margin:0}nav ul li a{border-radius:5px;padding:10px;transition:background-color .3s ease}nav ul li a:hover{background-color:#ffffff1a}.grid-container{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden}.grid-container .container-signup{background-color:#fff;border-radius:15px;box-shadow:0 0 30px #0000001a;height:auto;margin:30px auto;overflow:auto;padding:20px;width:clamp(300px,25%,80%)}.usertype{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.grid-container .container h1{text-align:center}input[type=email],input[type=password],input[type=submit],input[type=text]{border:3px solid #ccc;border-radius:10px;box-sizing:border-box;margin:10px 0;padding:10px;width:calc(100% - 20px)}input[type=email]:hover,input[type=password]:hover,input[type=text]:hover{border-color:#b8b8b8}input[type=submit]{background-color:#4caf50;border:none;color:#fff;cursor:pointer}input[type=submit]:hover{background-color:#45a049}a{color:#4caf50;font-size:15px;font-style:normal;text-decoration:none}a:hover{color:green}body{font-family:Arial,Helvetica,sans-serif;margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}#abbt{color:#000}.column{float:left;margin-bottom:16px;padding:0 8px;width:33.3%}.container{display:flex}header{background-color:#213f24eb;color:#fff;padding:20px 0}header .container{background:none;display:block;margin:0 auto;width:80%}nav ul{list-style:none;padding:0}nav ul li{display:inline;margin-right:20px}nav h1 a,nav ul li a{color:#fff;text-decoration:none}.container1{background-color:#8dbb90c4}.column{border:1px solid #213f24eb;padding:10px}.card{box-shadow:0 4px 8px 0 #0003;margin:8px}.about-section{color:#fff;padding:50px;text-align:center}.about-section,.container{background-color:#213f24eb}.container{padding:0 16px}.container:after,.row:after{clear:both;content:"";display:table}.title{color:grey}.button{background-color:#000;border:none;color:#fff;cursor:pointer;display:inline-block;outline:0;padding:8px;text-align:center;width:100%}.button:hover{background-color:#555}@media screen and (max-width:650px){.column{display:block;width:100%}}
/*# sourceMappingURL=main.b9ff8cb6.css.map*/