body{margin:0;font-family:Arial,Helvetica,sans-serif}ul{margin:0;padding:0;list-style:none}.navbar{z-index:100;background:0 0;width:100%;transition:all .3s;position:fixed;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;box-shadow:0 4px 20px #00000014}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:15px 50px;display:flex}.navbar-logo{color:#1abc9c;cursor:pointer;font-size:1.6rem;font-weight:700}.navbar-menu{align-items:center;gap:25px;display:flex}.navbar-menu li{cursor:pointer;color:#333;border-radius:4px;padding:6px 10px;font-size:15px;transition:all .3s}.navbar-menu li:hover{color:#1abc9c}.navbar-btn{background:#1abc9c;border-radius:6px;margin-left:15px;padding:8px 18px;transition:all .3s;color:#fff!important}.navbar-btn:hover{background:#159a80}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background:#333;border-radius:2px;width:25px;height:3px;transition:all .3s}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{background:#fff;border-top:1px solid #eee;flex-direction:column;width:100%;display:none}.mobile-menu li{cursor:pointer;color:#333;padding:14px 20px;transition:all .3s}.mobile-menu li:hover{color:#1abc9c;background:#f7f7f7}.mobile-menu.active{animation:.3s forwards slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.navbar-container{padding:15px 20px}.navbar-menu{display:none}.hamburger{display:flex}}*{box-sizing:border-box}body{background:#f4f7fb;margin:0;padding-top:70px;font-family:Segoe UI,sans-serif}.request-wrapper{padding:20px 12px}.request-card{background:#fff;border-radius:14px;width:100%;max-width:480px;margin-top:10vh;margin-left:auto;margin-right:auto;padding:18px;position:relative;box-shadow:0 8px 20px #00000014}.back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d6efd,#38a1db);border-radius:10px;justify-content:center;align-items:center;width:60px;height:40px;font-size:20px;font-weight:600;transition:all .25s ease-in-out;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #0d6efd66}.back-btn:hover{background:linear-gradient(135deg,#38a1db,#0d6efd);transform:translateY(-2px)scale(1.1);box-shadow:0 6px 16px #0d6efd99}.card-title{text-align:center;color:#0d6efd;margin-bottom:5px}.subtitle{text-align:center;color:#777;margin-bottom:20px;font-size:13px}.form{flex-direction:column;display:flex}.form-group{margin-bottom:14px}label{margin-bottom:5px;font-size:13px;font-weight:600;display:block}input,textarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-size:14px}input:focus,textarea:focus{border-color:#0d6efd;outline:none;box-shadow:0 0 4px #0d6efd4d}textarea{height:80px}.service-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.service-options button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;font-size:13px}.service-options button.active{color:#fff;background:#0d6efd;border-color:#0d6efd}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border:none;border-radius:10px;margin-top:10px;padding:12px;font-size:15px}@media (width<=480px){input,textarea{font-size:16px}}.success-popup{z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-content{text-align:center;background:#fff;border-radius:15px;padding:30px 50px;animation:1s ease-out scaleUp;box-shadow:0 5px 15px #0000004d}@keyframes scaleUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.popup-content h2{color:#2e7d32;margin-bottom:15px}.popup-content p{color:#555;font-size:16px}.slider-container{text-align:center;background:#f3f4f6;width:100%;padding:40px 0}.slider-wrapper{width:100%;max-width:1000px;margin:auto;position:relative;overflow:hidden}.slider{align-items:center;transition:transform .5s;display:flex}.slide{opacity:.4;border-radius:20px;flex-shrink:0;width:260px;height:320px;margin:0 10px;transition:all .5s;overflow:hidden;transform:scale(.8)}.slide img{object-fit:cover;width:100%;height:100%}.slide.active{opacity:1;z-index:2;transform:scale(1)}.slide.prev,.slide.next{opacity:.6;transform:scale(.9)}.arrow{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #3b82f6;border-radius:50%;padding:8px 12px;font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.arrow.left{left:10px}.arrow.right{right:10px}.dots{margin-top:20px}.dot{cursor:pointer;background:#cbd5e1;border-radius:50%;width:8px;height:8px;margin:0 5px;transition:all .3s;display:inline-block}.dot.active{background:#3b82f6;border-radius:10px;width:20px}.stats-container{text-align:center;background:linear-gradient(135deg,#e9f2ff,#f7fbff);padding:60px 15px}.stats-title{color:#0d6efd;margin-bottom:40px;font-size:26px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;display:grid}.stat-card{background:#fff;border-radius:16px;padding:25px 20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000014}.stat-card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#0d6efd,#00c6ff);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stat-card:hover{transform:translateY(-6px)scale(1.02)}.stat-card h3{color:#0d6efd;margin-bottom:8px;font-size:34px}.stat-card p{color:#555;font-size:14px}.stat-icon{margin-bottom:10px;font-size:28px}@media (width<=480px){.stats-title{font-size:22px}.stat-card{padding:20px}.stat-card h3{font-size:28px}}.why-container{text-align:center;background:#fff;padding:50px 20px}.why-title{color:#222;margin-bottom:30px;font-size:24px}.why-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.why-card{background:#f9fafc;border-radius:10px;width:280px;padding:20px;transition:transform .3s;box-shadow:0 4px 12px #00000014}.why-card:hover{transform:translateY(-5px)}.why-card h3{color:#007bff;margin-bottom:10px}.why-card p{color:#555;font-size:14px}@media (width<=768px){.why-card{width:90%}}.footer{color:#fff;background:#1e293b;margin-top:50px;padding-top:40px}.footer-container{flex-wrap:wrap;justify-content:space-around;padding:20px;display:flex}.footer-section{max-width:300px;margin-bottom:20px}.footer-section h3,.footer-section h4{margin-bottom:10px}.footer-section p{color:#cbd5f5;cursor:pointer;margin:5px 0;font-size:14px}.footer-section p:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #334155;padding:15px;font-size:14px}@media (width<=768px){.footer-container{text-align:center;flex-direction:column;align-items:center}}.banner{background-image:url(/assets/homepage-EAD2V5B8.png);background-position:100%;background-size:cover;width:100%;height:100vh;position:relative}.banner-overlay{background:linear-gradient(90deg,#fffffff2 35%,#ffffffbf 55%,#ffffff4d 75%,#fff0 100%);align-items:center;width:100%;height:100%;padding:80px;display:flex}.banner-left{max-width:520px;margin-top:120px}.banner-title{color:#2c2c2c;font-size:42px;font-weight:700;line-height:1.3}.highlight-text{color:#1abc9c}.banner-description{color:#000;margin:20px 0;font-size:16px;line-height:1.6}.banner-button{color:#fff;cursor:pointer;background-color:#1abc9c;border:none;border-radius:6px;padding:12px 24px;font-size:16px;transition:all .3s}.banner-button:hover{background-color:#159a80}@media (width<=900px){.banner-overlay{text-align:center;background:linear-gradient(#ffffffd9 20%,#fff9 50%,#fff3 80%,#fff0 100%);justify-content:flex-start;padding:20px 20px 40px}.banner-title{margin-top:-280px;font-size:32px}}.areas-section{text-align:center;background:#f4f9fb;padding:60px 20px}.areas-section h2{color:#0a3d62;font-size:28px}.subtitle{color:#555;margin-bottom:30px}.areas-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:auto;display:grid}.area-card{cursor:pointer;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.area-card img{object-fit:cover;width:100%;height:180px;display:block}.area-card:hover{transform:translateY(-8px)}.overlay{color:#fff;background:linear-gradient(#0000,#000000b3);width:100%;padding:15px;position:absolute;bottom:0}.overlay h3{margin:0}.see-more-btn{color:#fff;cursor:pointer;background:#0a3d62;border:none;border-radius:25px;margin-top:30px;padding:12px 25px;font-weight:700}@media (width<=768px){.areas-grid{gap:15px;padding:10px;display:flex;overflow-x:auto}.area-card{min-width:220px}.area-card img{height:140px}}.service-page{background:#eef2f5;min-height:100vh;padding-top:70px}.service-container{max-width:1200px;margin:auto;padding:30px 20px}.service-header{margin-bottom:25px}.service-header h2{color:#1e3a8a;font-size:28px;font-weight:700}.service-header p{color:#6b7280}.featured-card{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#0ea5e9);border-radius:20px;flex-direction:column;gap:15px;margin-bottom:30px;padding:25px;transition:all .3s;animation:.5s ease-in-out fadeIn;display:flex}.featured-card:hover{transform:scale(1.02)}.featured-content h3{margin-bottom:5px}.featured-content p{opacity:.9}.featured-card button{color:#1e3a8a;cursor:pointer;background:#fff;border:none;border-radius:20px;margin-top:10px;padding:8px 16px;font-weight:700}.featured-icon{align-self:flex-end;font-size:50px}.service-list{gap:15px;display:grid}.service-item{cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:18px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000000d}.service-item:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0000001f}.icon{font-size:28px}.text h4{color:#111827;margin:0}.text p{color:#4b5563;font-size:14px}@media (width>=600px){.service-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.service-list{grid-template-columns:repeat(3,1fr)}.featured-card{flex-direction:row;justify-content:space-between;align-items:center}.featured-icon{align-self:center}}@media (width>=1400px){.service-list{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-container{background:#f1f5f9;justify-content:center;align-items:center;height:100vh;display:flex}.auth-card{text-align:center;background:#fff;border-radius:12px;width:350px;padding:30px;box-shadow:0 6px 20px #0000001a}.auth-card h2{color:#222;margin-bottom:20px}.auth-card form{flex-direction:column;display:flex}.auth-card input{border:1px solid #ccc;border-radius:6px;margin-bottom:12px;padding:10px}.auth-card button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:10px}.auth-card button:hover{background:#0056b3}@media (width<=480px){.auth-card{width:90%}}body{margin:0;padding:0}.auth-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.auth-left{flex:1}.auth-center{text-align:center;flex:1}.auth-center h2{color:#222;margin:0;font-size:18px}.auth-right{flex:1;justify-content:flex-end;display:flex}.auth-logo{height:40px}.auth-right button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:6px 12px}.auth-right button:hover{background:#0056b3}@media (width<=480px){.auth-center h2{font-size:16px}.auth-logo{height:30px}.auth-right button{padding:5px 10px;font-size:12px}}.sidebar{color:#fff;background:#1e293b;width:260px;height:100vh;padding:20px;position:fixed;top:0;left:0}.sidebar.closed{width:60px}.sidebar ul{padding:0;list-style:none}.sidebar li{cursor:pointer;border-radius:5px;margin:15px 0;padding:8px;transition:background .2s}.sidebar li:hover{background:#007bff}.toggle-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:5px;margin-bottom:20px;padding:8px 12px}.logout-section{width:100%;margin-top:auto}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;width:100%;padding:10px;font-size:14px;transition:all .3s}.logout-btn:hover{background:#dc2626}.header{background:#fff;border-radius:10px;margin-bottom:20px;padding:15px 20px;box-shadow:0 4px 10px #0000000d}.header h1{color:#1e293b;font-size:24px}.cards{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.card{background:#fff;border-radius:10px;width:300px;padding:15px;transition:transform .2s;box-shadow:0 4px 10px #00000014}.card:hover{transform:translateY(-3px)}.card p{color:#333;margin-bottom:8px;font-size:14px}@media (width<=768px){.card{width:90%}}@media (width<=768px){.card{width:90%}}@media (width<=768px){.card{width:90%}}.cards{flex-wrap:wrap;gap:15px;display:flex}.card{background:#d4edda;border-radius:10px;width:300px;padding:15px;box-shadow:0 4px 10px #0000000d}.card p{margin-bottom:8px;font-size:14px}.card button{color:#fff;cursor:pointer;background:red;border:none;border-radius:5px;margin-top:10px;padding:8px 10px}.card button:hover{background:#8b0000}@media (width<=768px){.card{width:90%}}.delete-all-btn{color:#fff;cursor:pointer;background-color:#ff4d4f;border:none;border-radius:5px;margin-bottom:15px;padding:10px 15px}.delete-all-btn:hover{background-color:#d9363e}.sidebar{color:#fff;background:linear-gradient(#0f766e,#115e59);flex-direction:column;align-items:center;width:140px;height:100vh;padding:25px 15px;display:flex;position:fixed;top:0;left:0;box-shadow:3px 0 10px #0000001a}.sidebar .profile-pic{object-fit:cover;border:3px solid #e0f2f1;border-radius:50%;width:90px;height:90px;margin-bottom:12px}.sidebar .user-name{text-align:center;font-size:16px;font-weight:600}.sidebar .designation{opacity:.85;text-align:center;margin-bottom:25px;font-size:13px}.sidebar ul{width:100%;padding:0;list-style:none}.sidebar li{cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-bottom:15px;padding:10px;font-size:14px;transition:all .3s;display:flex}.sidebar li:hover{background:#ffffff26;transform:translate(3px)}.sidebar li.active{color:#0f766e;background:#fff;font-weight:600}.sidebar li svg,.sidebar li .icon{font-size:18px}.sidebar .footer-text{opacity:.7;text-align:center;margin-top:auto;font-size:12px;line-height:1.5}.admin-layout{display:flex}.sidebar{width:140px;height:100vh;position:fixed;top:0;left:0}.content{width:100%;margin-left:140px;padding:20px}.worker-auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:20px;display:flex}.worker-auth-card{text-align:center;background:#fff;border-radius:12px;width:380px;padding:30px 25px;box-shadow:0 8px 25px #0000001a}.worker-auth-card h2{color:#222;margin-bottom:20px}.worker-auth-card form{flex-direction:column;display:flex}.worker-auth-card input{border:1px solid #ccc;border-radius:6px;outline:none;margin-bottom:12px;padding:10px 12px;font-size:14px;transition:border .2s}.worker-auth-card input:focus{border-color:#28a745}.worker-auth-card button{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;margin-top:5px;padding:10px;font-size:15px;transition:background .3s}.worker-auth-card button:hover{background:#1e7e34}.toggle{color:#007bff;cursor:pointer;margin-top:15px;font-size:14px}.toggle:hover{text-decoration:underline}@media (width<=768px){.worker-auth-card{width:90%;padding:25px}}@media (width<=480px){.worker-auth-container{padding:10px}.worker-auth-card{width:100%;padding:20px}.worker-auth-card h2{font-size:18px}.worker-auth-card input{padding:8px;font-size:13px}.worker-auth-card button{padding:9px;font-size:14px}}.worker-container{background:#f4f6f9;min-height:100vh;padding:0;font-family:Arial,sans-serif}.worker-header{color:#fff;background:#007bff;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.header-left,.header-center,.header-right{text-align:center;flex:1}.header-left{text-align:left;font-weight:700}.header-center{font-size:18px}.header-right{text-align:right}.logout-btn{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:4px;padding:4px 10px;font-size:13px;line-height:1.2}.worker-cards{flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;display:flex}.worker-card{text-align:left;background:#fff;border-radius:10px;width:300px;padding:20px;box-shadow:0 4px 12px #00000014}.worker-card p{margin:8px 0;font-size:14px}.worker-card button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;width:100%;margin-top:10px;padding:10px;font-size:14px}.complete-btn{background:green}.modal-overlay{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;background:#fff;border-radius:10px;padding:20px 30px}.modal h3{margin-bottom:20px}.modal-actions button{cursor:pointer;border:none;border-radius:6px;margin:5px;padding:8px 16px;font-size:14px}.modal-actions button:first-child{color:#fff;background:#007bff}.modal-actions button:last-child{background:#ccc}@media (width<=768px){.worker-cards{flex-direction:column;align-items:center}.worker-card{width:90%}}