*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-green: #0E402D;--primary-dark: #030806;--accent-emerald: #10B981;--accent-lime: #84CC16;--text-light: #F3F4F6;--text-muted: #9CA3AF;--glass-bg: rgba(16, 29, 24, .7);--glass-border: rgba(16, 185, 129, .25);--glow-color: rgba(16, 185, 129, .4)}body{background-color:var(--primary-dark);color:var(--text-light);min-height:100vh;overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--primary-dark)}::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-emerald)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 5px #10b98133}50%{box-shadow:0 0 20px #10b98199}to{box-shadow:0 0 5px #10b98133}}@keyframes telemetryPulse{0%,to{opacity:.6}50%{opacity:1;color:var(--accent-emerald)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 4s ease-in-out infinite}.brand img{width:50px;border-radius:50%;box-shadow:0 0 10px;margin:20px 0}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0006;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#10b98180;box-shadow:0 12px 40px #10b98126}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#030806d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(16,185,129,.15);height:80px;transition:all .3s ease}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%}.brand{display:flex;align-items:center;gap:12px;cursor:pointer}.brand-logo-icon{font-size:2rem;color:var(--accent-emerald);filter:drop-shadow(0 0 8px var(--glow-color))}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:1.5rem;font-weight:900;color:var(--text-light);line-height:1.1;letter-spacing:.05em}.brand-subtitle{font-size:.65rem;color:var(--accent-emerald);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.nav-links{display:flex;list-style:none;gap:8px}.nav-item{position:relative}.nav-btn{background:none;border:none;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;padding:10px 18px;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.nav-btn:hover{color:var(--text-light);background:#10b98114}.nav-btn.active{color:#fff;background:#10b98126;border:1px solid rgba(16,185,129,.3);box-shadow:0 0 15px #10b98133}.navbar-cta-btn{background:linear-gradient(135deg,var(--accent-emerald) 0%,#059669 100%);border:none;color:#fff;font-family:Outfit,sans-serif;font-weight:600;padding:12px 24px;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;display:flex;align-items:center;gap:8px}.navbar-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180;filter:brightness(1.1)}.mobile-menu-toggle{display:none;font-size:1.5rem;background:none;border:none;color:var(--text-light);cursor:pointer}.hero-section{position:relative;min-height:80vh;padding-top:120px;padding-bottom:60px;display:flex;align-items:center;overflow:hidden;background-size:cover;background-position:center;background-attachment:fixed}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#030806cc,#030806f2);z-index:1}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.hero-text{text-align:left}.badge{display:inline-flex;align-items:center;gap:8px;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:6px 16px;border-radius:30px;color:var(--accent-emerald);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}.hero-title{font-size:3.5rem;line-height:1.15;color:#fff;margin-bottom:24px}.hero-title span{background:linear-gradient(to right,#ffffff,var(--accent-emerald));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.15rem;color:var(--text-muted);margin-bottom:40px;max-width:600px}.hero-actions{display:flex;gap:16px}.btn-primary{background:linear-gradient(135deg,var(--accent-emerald) 0%,#059669 100%);border:none;color:#fff;padding:16px 32px;border-radius:30px;font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s;box-shadow:0 4px 20px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;padding:16px 32px;border-radius:30px;font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.hero-image-wrapper{position:relative;z-index:2;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080;border:1px solid rgba(16,185,129,.3)}.hero-img{width:100%;display:block;transition:transform .6s ease}.hero-image-wrapper:hover .hero-img{transform:scale(1.05)}.counter .cards .card-inner1 .card{border:1px solid transparent;width:20%;padding:0 10px 20px;border:1px solid var(--accent-emerald);border-radius:15px;text-align:center;transition:border .3s}.counter .cards .card-inner1 .card i{color:var(--accent-emerald);margin:20px auto;font-size:60px;font-weight:500;font-style:normal;display:flex;justify-content:center;align-items:center}.counter .cards .card-inner1 .card h4{color:var(--accent-emerald);font-weight:lighter;font-size:14px}.counter .cards .card-inner1 .card:hover{border:1px solid var(--text-muted)}.counter .cards .card-inner2 .card{border:1px solid transparent;width:100%;padding:0 10px 20px;box-shadow:0 0 5px var(--accent-emerald);border-radius:15px;text-align:center;transition:border .3s;background:var(--accent-emerald)}.section-padding{padding:100px 0}.section-header{text-align:center;max-width:800px;margin:0 auto 60px}.section-subtitle{color:var(--accent-emerald);text-transform:uppercase;font-size:.85rem;letter-spacing:.15em;margin-bottom:12px;display:block}.section-title{font-size:2.5rem;color:#fff;margin-bottom:20px}.section-desc{color:var(--text-muted);font-size:1.05rem}.hierarchy-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:flex-start}.hierarchy-flow{display:flex;flex-direction:column;gap:12px;position:relative}.hierarchy-node{padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:16px;cursor:pointer;position:relative;z-index:2}.hierarchy-node:after{content:"";position:absolute;left:36px;bottom:-13px;width:2px;height:12px;background:var(--glass-border);z-index:1}.hierarchy-node:last-child:after{display:none}.hierarchy-node.active{background:linear-gradient(90deg,#10b98126,#10b98108);border-color:var(--accent-emerald);box-shadow:0 0 15px #10b98126}.node-icon{width:40px;height:40px;border-radius:50%;background:#10b9811a;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--accent-emerald);transition:all .3s}.hierarchy-node.active .node-icon{background:var(--accent-emerald);color:#030806;box-shadow:0 0 12px var(--glow-color)}.node-info{text-align:left}.node-title{color:#fff;font-size:1.1rem;font-weight:600}.node-subtitle{color:var(--text-muted);font-size:.8rem}.node-arrow{margin-left:auto;color:var(--text-muted);transition:all .3s}.hierarchy-node.active .node-arrow{color:var(--accent-emerald);transform:translate(4px)}.bottom-content{display:flex;flex-direction:row-reverse;gap:30px;margin-top:40px;padding:40px;align-items:center}.bottom-content div a{background:var(--accent-emerald);padding:10px 40px;color:#fff}.hierarchy-details{height:100%}.details-panel-wrapper{padding:40px;text-align:left;border-left:4px solid var(--accent-emerald);height:100%;display:flex;flex-direction:column;justify-content:center}.details-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.details-icon-box{width:60px;height:60px;border-radius:16px;background:#10b9811a;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--accent-emerald)}.details-title-box h3{font-size:1.8rem;color:#fff}.details-title-box p{color:var(--accent-emerald);font-size:.9rem;font-weight:500;text-transform:uppercase}.details-desc{font-size:1.05rem;color:var(--text-muted);margin-bottom:30px;line-height:1.7}.details-list-title{font-size:1rem;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.details-permissions{list-style:none;display:grid;grid-template-columns:1fr;gap:12px}.details-permissions li{display:flex;align-items:center;gap:12px;color:var(--text-light);font-size:.95rem}.details-permissions li i{color:var(--accent-emerald);font-size:.9rem}.dual-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.platform-card{padding:48px;text-align:left;position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-emerald),var(--accent-lime))}.platform-icon{font-size:3rem;color:var(--accent-emerald);margin-bottom:30px;filter:drop-shadow(0 0 10px rgba(16,185,129,.3))}.platform-name{font-size:1.8rem;color:#fff;margin-bottom:8px}.platform-for{font-size:.9rem;color:var(--accent-emerald);font-weight:500;margin-bottom:24px;text-transform:uppercase}.platform-desc{color:var(--text-muted);margin-bottom:30px;line-height:1.7}.platform-features{list-style:none;display:flex;flex-direction:column;gap:14px}.platform-features li{display:flex;align-items:flex-start;gap:12px;color:var(--text-light)}.platform-features li i{color:var(--accent-emerald);margin-top:5px;font-size:.9rem}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.solution-card{padding:40px 30px;text-align:center;display:flex;flex-direction:column;align-items:center}.solution-icon-box{width:80px;height:80px;border-radius:50%;background:#10b98114;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--accent-emerald);margin-bottom:28px;transition:all .3s ease;border:1px solid rgba(16,185,129,.15)}.solution-card:hover .solution-icon-box{background:var(--accent-emerald);color:#030806;transform:translateY(-5px);box-shadow:0 10px 25px var(--glow-color)}.solution-card h3{font-size:1.4rem;color:#fff;margin-bottom:16px}.solution-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:28px;flex-grow:1}.solution-btn{width:100%;padding:12px 0;border-radius:30px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.solution-card:hover .solution-btn{background:linear-gradient(135deg,var(--accent-emerald) 0%,#059669 100%);border-color:transparent;box-shadow:0 4px 15px #10b9814d}.dashboard-mockup{padding:30px;display:flex;flex-direction:column;gap:24px}.dash-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(16,185,129,.15);padding-bottom:16px}.dash-logo{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;color:var(--accent-emerald)}.dash-status{display:flex;align-items:center;gap:8px;font-size:.8rem;background:#10b9811a;padding:4px 12px;border-radius:20px;color:var(--accent-emerald)}.dash-status-dot{width:8px;height:8px;background:var(--accent-emerald);border-radius:50%;animation:pulseGlow 2s infinite}.dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dash-sensor-card{background:#03080680;border:1px solid rgba(16,185,129,.1);padding:16px;border-radius:12px;display:flex;align-items:center;gap:16px;text-align:left}.sensor-icon-box{width:44px;height:44px;border-radius:10px;background:#10b98114;color:var(--accent-emerald);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.sensor-details{display:flex;flex-direction:column}.sensor-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sensor-val{font-size:1.4rem;font-family:Outfit,sans-serif;color:#fff;font-weight:700}.dash-controls{background:#03080680;border:1px solid rgba(16,185,129,.15);border-radius:12px;padding:18px}.control-heading{font-size:.9rem;text-transform:uppercase;color:#fff;margin-bottom:16px;text-align:left;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.control-switches-flex{display:flex;flex-direction:column;gap:12px}.switch-row{display:flex;justify-content:space-between;align-items:center;background:#0308064d;padding:10px 16px;border-radius:8px}.switch-label{font-size:.9rem;color:var(--text-light);display:flex;align-items:center;gap:10px}.switch-btn{background:#1e293b;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);width:50px;height:26px;border-radius:15px;cursor:pointer;position:relative;transition:all .3s}.switch-btn:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.switch-btn.on{background:var(--accent-emerald);box-shadow:0 0 10px #10b98180}.switch-btn.on:before{left:27px}.dash-footer-log{background:#010403;padding:10px 14px;border-radius:8px;font-family:monospace;font-size:.75rem;color:#10b981;text-align:left;border:1px solid rgba(16,185,129,.1);height:50px;overflow:hidden;display:flex;align-items:center;gap:8px}.dash-footer-log span{animation:telemetryPulse 1.5s infinite}.subpage-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.feature-box{padding:30px;text-align:left}.feature-box-icon{font-size:2rem;color:var(--accent-emerald);margin-bottom:20px}.feature-box h4{font-size:1.25rem;color:#fff;margin-bottom:12px}.feature-box p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.benefits-section{position:relative;background:linear-gradient(180deg,#030806,#051610);border-top:1px solid rgba(16,185,129,.15);border-bottom:1px solid rgba(16,185,129,.15)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.benefit-card{padding:30px 20px;text-align:center}.benefit-card-icon{font-size:2.2rem;color:var(--accent-emerald);margin-bottom:20px;filter:drop-shadow(0 0 8px rgba(16,185,129,.2))}.benefit-card h4{font-size:1.15rem;color:#fff;margin-bottom:12px}.benefit-card p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.audience-card{padding:24px;text-align:center;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff05;transition:all .3s}.audience-card:hover{background:#10b9810d;border-color:#10b9814d;transform:translateY(-3px)}.audience-card i{font-size:1.8rem;color:var(--accent-emerald);margin-bottom:16px}.audience-card h4{color:#fff;font-size:1rem}.investment-pitch-panel{padding:60px;text-align:center;max-width:900px;margin:0 auto}.pitch-title{font-size:2.2rem;color:#fff;margin-bottom:20px}.pitch-text{color:var(--text-muted);font-size:1.1rem;line-height:1.7;margin-bottom:40px}.partners{margin-top:100px}.footer{background:#010403;border-top:1px solid rgba(16,185,129,.15);padding:80px 0 30px;color:var(--text-muted);text-align:left}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px}.footer-info-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-info-desc{font-size:.9rem;line-height:1.6;margin-bottom:24px}.social-links{display:flex;gap:12px}.social-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:all .3s}.social-btn:hover{background:var(--accent-emerald);color:#030806;border-color:transparent;transform:translateY(-2px)}.footer-col-title{color:#fff;font-size:1.1rem;margin-bottom:24px;position:relative;padding-bottom:8px}.footer-col-title:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--accent-emerald)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;text-align:left;transition:color .3s;padding:0}.footer-links button:hover{color:var(--accent-emerald)}.contact-info-list{list-style:none;display:flex;flex-direction:column;gap:16px}.contact-info-list li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem}.contact-info-list li i{color:var(--accent-emerald);margin-top:4px}.newsletter-form{display:flex;flex-direction:column;gap:12px}.newsletter-input-group{display:flex}.newsletter-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:30px 0 0 30px;padding:12px 18px;color:#fff;font-size:.9rem;outline:none;flex-grow:1}.newsletter-input:focus{border-color:var(--accent-emerald)}.newsletter-btn{background:var(--accent-emerald);border:none;color:#030806;border-radius:0 30px 30px 0;padding:0 20px;font-weight:600;cursor:pointer;transition:all .3s}.newsletter-btn:hover{filter:brightness(1.1)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:30px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.footer-copy{color:var(--text-muted)}.footer-legal-links{display:flex;gap:24px}.footer-legal-links a{color:var(--text-muted);transition:color .3s}.footer-legal-links a:hover{color:var(--accent-emerald)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:32px}.hero-text{text-align:center}.hero-title{font-size:2.8rem}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hierarchy-container,.dual-platform-grid,.solutions-grid,.subpage-features-grid{grid-template-columns:1fr}.benefits-grid,.audience-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.navbar-container{padding:0 16px}.mobile-menu-toggle{display:block}.nav-links{position:absolute;top:80px;left:0;width:100%;background:#030806;border-bottom:1px solid rgba(16,185,129,.15);flex-direction:column;padding:20px;gap:12px;display:none}.nav-links.open{display:flex}.navbar-cta-btn{display:none}.hero-title{font-size:2.2rem}.benefits-grid,.audience-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.dash-grid{grid-template-columns:1fr}.details-panel-wrapper{padding:20px}}.landingcard2{position:relative;min-height:20vh;display:flex;align-items:center;justify-content:center;color:#fff;background:url(/assets/9jafarm%201-Cg_f8Ply.jpg)no-repeat;background-size:cover;overflow:hidden}.landingcard2 .overlay{position:absolute;top:0;left:0;width:100%;height:40vh;background:var(--accent-emerald);opacity:.7}.ourPurpose{display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#10b98126,#10b98108);margin:40px 0 0}.ourPurpose div h2{margin:0 0 10px;font-size:30px;color:var(--text-light)!important}.ourPurpose div p{line-height:30px;margin:10px 0;text-align:justify;color:var(--text-muted)}.impact .text p,.impact .text li{font-size:14px;color:var(--text-muted);line-height:25px;text-align:justify}.impact .image{width:39%;background:url(/assets/impact-BhQr01A_.jpg);background-position:center;background-size:cover;overflow:hidden;position:relative}@media(max-width:766px){.impact{background:url(/assets/impact-BhQr01A_.jpg);background-attachment:fixed;background-size:100vh;background-position:center;padding:20px;overflow:hidden}.impact .overlay{width:100%;height:1000vh;position:absolute;top:0;left:0;background:linear-gradient(to right,#034b07e3,#067a0cc2)}.impact .text{z-index:1;width:98%}.impact .text h2{color:#fff!important}.impact .text p,.impact .text li{font-size:14px;color:#fff;line-height:25px;text-align:justify}.impact .text li{margin-left:30px}.impact .image{display:none}}*{padding:0;margin:0}a{text-decoration:none}body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#000}body.dark{background:#001a0ade;color:#fff}.chatbtn{color:green;background:#fff;border:1px solid green;padding:6px;border-radius:5px}.log{display:none}h1{font-size:35px!important;font-weight:lighter!important}h2{font-size:20px!important;color:#067a0c;font-weight:lighter}h3{font-size:15px!important;color:#067a0c;font-weight:lighter}.error-message{color:#e7000b;background:#f8c7ca;padding:5px 0 5px 10px;box-shadow:0 0 10px #f8c7ca}body.dark .error-message{background:#e7000b;color:#f8c7ca;box-shadow:0 0 10px #e7000b}.success-message.show{color:#034b07;background:#b9f8cf;padding:5px 0 5px 10px;box-shadow:0 0 10px #b9f8cf;position:fixed;top:65px;width:90%;z-index:111112}.success-message.show span{position:absolute;right:20px;top:10px;cursor:pointer;color:red;font-size:25px}.success-message.hide{display:none}body.dark .success-message{background:#034b07;color:#b9f8cf;box-shadow:0 0 10px #034b07}.download-container{display:flex;align-items:center;gap:10px;padding-top:10px}.download-container img{padding:0;margin:0;width:100px}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh;gap:10px}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #2e7d32;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{padding:20px}.skeleton-row{height:20px;background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;margin-bottom:12px;border-radius:4px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.regbtn{width:100%!important}.homebtn{margin:0 10px;background:#2e7d32;color:#fff;font-size:12px;padding:7px 20px;border-radius:15px}nav{background:#034b07;display:flex;justify-content:space-between;padding:10px 30px;position:sticky;top:0;left:0;z-index:111}nav img{width:50px;border-radius:50%}nav .hambugger{display:none}nav ul{display:flex;gap:10px;align-items:center}nav ul li{list-style-type:none;transition:.3s}nav ul li a{color:#f0f0f0;font-size:14px;padding:10px 20px;background:none!important}nav ul li button{color:#f0f0f0;font-size:14px;padding:10px 20px;border:none;background:none!important}nav ul li:hover{transform:scale(1.05)}@media(max-width:766px){nav{background:#034b07;display:block}nav .hambugger{display:block;position:absolute;right:20px;top:20px;font-size:40px;background:none;border:none}nav .hambugger i{color:#fff;padding:none;box-shadow:none}nav ul.open{display:block}nav ul.open li button{padding:15px 20px;width:100%;text-align:start}nav ul.closed{display:none}}#landingcard{position:relative;min-height:82vh;display:flex;align-items:center;justify-content:center;color:#fff;background:url(/assets/9jafarm%201-Cg_f8Ply.jpg)no-repeat;background-size:cover;background-position:center;overflow:hidden}.landingcard{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;color:#fff;background:url(/assets/desktop-BLhoFpSL.jpg)no-repeat;background-size:cover;overflow:hidden}.landingcard .overlay{position:absolute;top:0;left:0;width:100%;height:1000vh;background:#000000a8}body.dark .landingcard .overlay{background:#000000cb}.landingcard .text{width:80%}.landingcard h1{text-wrap:wrap;font-size:50px;font-weight:300}.landingcard p{font-size:24px;font-weight:lighter;margin:15px 0}.landingcard div{text-align:center;z-index:1;width:100%}.landingcard div .logo{width:130px;border-radius:50%;box-shadow:0 0 10px;margin:20px 0}.landingcard div div{margin:20px auto;width:250px}.landingcard a{padding:15px 20px;text-decoration:none;color:#2e7d32;background:#ecbd2f;border-radius:20px;margin:20px 10px;width:230px;display:block;border:none;font-weight:700;text-align:center}.landingcard a:hover{background:#e5b82d}.landingcard a:nth-child(2){background:#f4faf4}.landingcard a:nth-child(2):hover{background:#eaf1e9}@media(max-width:766px){.landingcard{background:url(/assets/mobile-DXBXx9cy.jpg)no-repeat;background-size:cover}.landingcard .text{width:90%}.landingcard h1{font-size:30px!important}.landingcard p{font-size:18px!important}.landingcard div div{margin-top:30px}.landingcard a{width:70%}}.landingcard2{position:relative;min-height:20vh;display:flex;align-items:center;justify-content:center;color:#fff;background:url(/assets/9jafarm%201-Cg_f8Ply.jpg)no-repeat;background-size:cover;overflow:hidden}.landingcard2 .overlay{position:absolute;top:0;left:0;width:100%;height:40vh;background:#529055c9}.landingcard2 div{z-index:1}.landingcard2 .text{text-align:center}.landingcard2 h1{text-wrap:wrap;font-size:50px;font-weight:300;margin-bottom:10px}.landingcard2 a{color:#034b07;font-weight:300;padding:2px 0;margin:0 5px 0 0;border-bottom:2px solid #034b07}.portal-container{display:flex;justify-content:space-between;width:85%;margin:60px auto}.portal-container .portal-card{transition:transform .3s;background:#0246058e;padding:40px;border-radius:20px;border:.5px solid #C1F100;width:40%}.portal-container .portal-card section .landing-card-header{padding:10px 0;display:flex;align-items:center;justify-content:space-between}.portal-container .portal-card section .landing-card-header i{background:#c1f100;font-size:17px;padding:16px;border-radius:10px}.portal-container .portal-card section .landing-card-header .landing-card-tag{background:#c1f1005d;font-size:10px;font-weight:bolder;text-transform:uppercase;padding:6px 8px;border-radius:9px;border:.5px solid #C1F100}.portal-container .portal-card section .landing-card-title{text-align:start;font-weight:700;font-size:16px;color:#fff}.portal-container .portal-card section .landing-card-description{text-align:start;color:#f0f0f0b6;line-height:20px!important;font-size:12px!important}.portal-container .portal-card section .landing-card-list li{text-align:start;font-size:12px!important}.portal-container .portal-card section .landing-card-list li i{margin:0 10px 0 0;border:1px solid #C1F100;color:#c1f100;padding:5px;border-radius:50%;font-size:9px}.portal-container .portal-card .landing-card-actions{display:flex;background:none;font-size:12px;padding:20px 0 0}.portal-container .portal-card:hover{transform:translateY(-10px)}@media(max-width:981px){.portal-container{width:95%}.portal-container .portal-card{width:38%}}@media(max-width:741px){.portal-container{width:90%;display:block}.portal-container .portal-card{width:87%;margin:10px auto}}@media(max-width:555px){.portal-container{width:90%;display:block}.portal-container .portal-card{width:80%;margin:10px auto}.portal-container .portal-card .landing-card-list{display:none}}.counter{text-align:center}.counter h2{font-size:30px!important}.counter p{margin:10px 0}.counter .cards{display:flex;justify-content:space-around;margin:50px 0 10px}.counter .cards .card-inner1{width:70%;display:flex;justify-content:space-around}.counter .cards .card-inner1 .card{border:1px solid transparent;width:20%;padding:0 10px 20px;border:1px solid #fff;border-radius:15px;text-align:center;transition:border .3s}.counter .cards .card-inner1 .card i{color:#067a0c;margin:20px auto;font-size:60px;font-weight:500;font-style:normal;display:flex;justify-content:center;align-items:center}.counter .cards .card-inner1 .card h4{color:#067a0c;font-weight:lighter;font-size:14px}.counter .cards .card-inner1 .card p{line-height:25px;font-weight:lighter;width:75%;margin:0 auto}.counter .cards .card-inner1 .card:hover{border:1px solid #067a0c}.counter .cards .card-inner2{width:27%;display:flex;justify-content:center;align-items:center}.counter .cards .card-inner2 .card{border:1px solid transparent;width:100%;padding:0 10px 20px;box-shadow:0 0 5px #dad8d8;border-radius:15px;text-align:center;transition:border .3s;background:#067a0c}.counter .cards .card-inner2 .card i{color:#f0f0f0;margin:20px auto;font-size:60px;font-weight:500;font-style:normal;display:flex;justify-content:center;align-items:center}.counter .cards .card-inner2 .card h4{color:#f0f0f0;font-weight:lighter;font-size:14px}.counter .cards .card-inner2 .card p{line-height:25px;font-weight:lighter;width:75%;margin:0 auto}.counter .cards .card-inner2 .card:hover{border:1px solid #067a0c}@media(max-width:850px){.counter .cards .card-inner1{flex-wrap:wrap}.counter .cards .card-inner1 .card{width:40%;margin:5px 0}.counter .cards .card-inner2 .card{height:85%;display:flex;justify-content:center;align-items:center;flex-direction:column}}@media(max-width:766px){.counter .cards{display:flex;flex-wrap:wrap}.counter .cards .card{width:40%;margin:10px 0}}@media(max-width:555px){.counter .cards{display:block}.counter .cards .card-inner1{width:100%;flex-wrap:wrap}.counter .cards .card-inner1 .card{width:40%;margin:5px 0}.counter .cards .card-inner2{width:100%}.counter .cards .card-inner2 .card{width:90%;display:flex;justify-content:center;align-items:center;flex-direction:column}}.bottom-content{display:flex;flex-direction:row-reverse;gap:30px;padding:40px;align-items:center}.bottom-content .video{width:60%;border-radius:20px;height:400px}.bottom-content div{width:40%}.bottom-content div h2{margin:0 0 10px;font-size:30px!important}.bottom-content div p{line-height:30px;margin:10px 0 50px}.bottom-content div a{background:#034b07;padding:10px 40px;color:#fff}@media(max-width:766px){.bottom-content{display:block;padding:20px 10px}.bottom-content .video{width:100%;border-radius:20px;height:200px;margin-top:50px}.bottom-content div{width:100%}.bottom-content div h2{margin:0 0 10px}.bottom-content div p{margin:0 0 20px;line-height:30px}}.impact{display:flex;justify-content:space-between;padding:50px;position:relative}.impact .text{width:60%}.impact .text h2{margin:30px 0 10px}.impact .text p,.impact .text li{font-size:14px;color:#1e2939;line-height:25px;text-align:justify}.impact .text li{margin-left:30px}.impact .image{width:39%;background:url(/assets/impact-BhQr01A_.jpg);background-position:center;background-size:cover;overflow:hidden;position:relative}.impact .image .overlay{width:100%;height:1000vh;position:absolute;top:0;background:linear-gradient(to right,#034b07d8,#067a0c93)}body.dark .impact .text p,body.dark .impact .text li{color:#f0f0f0}@media(max-width:766px){.impact{background:url(/assets/impact-BhQr01A_.jpg);background-attachment:fixed;background-size:100vh;background-position:center;padding:20px;overflow:hidden}.impact .overlay{width:100%;height:1000vh;position:absolute;top:0;left:0;background:linear-gradient(to right,#034b07e3,#067a0cc2)}.impact .text{z-index:1;width:98%}.impact .text h2{color:#fff!important}.impact .text p,.impact .text li{font-size:14px;color:#fff;line-height:25px;text-align:justify}.impact .text li{margin-left:30px}.impact .image{display:none}}.ourPurpose{display:flex;align-items:center;justify-content:center;background:#034b0757;margin:40px 0 0}.ourPurpose div{width:70%;padding:30px 0}.ourPurpose div h2{margin:0 0 10px;font-size:30px;color:#067a0c!important}.ourPurpose div p{line-height:30px;margin:10px 0;text-align:justify;color:#0f0f0f}body.dark .ourPurpose div p{color:#f0f0f0}@media(max-width:766px){.ourPurpose div{width:90%}}.howItWork{margin-top:20px;text-align:center}.howItWork h2{font-size:30px}.howItWork p{margin:10px 0}.howItWork .cards{display:flex;justify-content:space-around;margin:10px 0 0}.howItWork .cards .accordion-inner{margin:10px 0;width:30%;border:1px solid #B9F8CF}.howItWork .cards .accordion-inner button{width:100%;padding:10px 5px;border:1px solid #00a63db2;background:#b9f8cf65}.howItWork .cards .accordion-inner .content{padding:10px;text-align:start}.howItWork .cards .accordion-inner .content p{line-height:20px;font-size:14px;color:#717189}.howItWork .cards .accordion-inner .content li{font-size:12px;color:#717189;list-style-type:circle;margin:5px 0 5px 20px}@media(max-width:766px){.howItWork .cards{display:block}.howItWork .cards .accordion-inner{width:90%}}@media(max-width:766px){.howItWork .cards{display:flex;flex-wrap:wrap}.howItWork .cards .card{width:40%;margin:10px 0}}@media(max-width:446px){.howItWork .cards{display:flex;flex-wrap:wrap}.howItWork .cards .card{width:80%}}.technology{width:80%;margin:20px auto}.technology h2{margin:10px 0}.technology p{margin:10px 0;font-size:14px;color:#1e2939;line-height:20px}.technology ul,.technology ol{margin:20px 0}.technology li{margin:10px 0 0 30px;color:#1e2939;font-size:14px}.mainImpact{background:#f0f0f0;color:#000;padding:40px}.mainImpact .top{width:80%;margin:0 auto}.mainImpact .top h2{margin-bottom:10px}.mainImpact .cards{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:20px}.mainImpact .cards .card{border-bottom:5px solid transparent;width:45%;margin:15px 0;box-shadow:0 0 10px #1e293985;transition:.3s}.mainImpact .cards .card .header{padding:10px;background:#034b07;color:#fff!important;font-size:25px!important}.mainImpact .cards .card .body{padding:10px;text-align:justify;font-size:14px;color:#1e2939}.mainImpact .cards .card:hover{border-bottom:5px solid #034b07}body.dark .mainImpact{background:#0a0f1b;color:#fff}body.dark .mainImpact .cards .card{box-shadow:0 0 10px #05070a85}body.dark .mainImpact .cards .card .header{background:#f0f0f0;color:#000!important}body.dark .mainImpact .cards .card .body{color:#f0f0f0}body.dark .mainImpact .cards .card:hover{border-bottom:5px solid #f0f0f0}@media(max-width:766px){.mainImpact{padding:20px}.mainImpact .top{width:95%}.mainImpact .cards .card{width:100%;margin:5px 0}}.team{margin:50px auto;width:95%}.team h2{margin-bottom:40px}.team .cards{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.team .cards .card{position:relative;width:15%;max-height:200px;border:1px solid #024605;overflow:hidden}.team .cards .card div:nth-child(1) img{width:100%}.team .cards .card div:nth-child(2){position:absolute;bottom:0;left:0;width:100%;background:#024605;padding:10px 4px;display:flex;flex-direction:column;justify-content:center}.team .cards .card div:nth-child(2) h4{font-size:12px;color:#f0f0f0}.team .cards .card div:nth-child(2) h5{color:#f7f7f7;font-size:10px;margin:5px 0}.team .cards .card div:nth-child(2) p{font-size:11px!important;line-height:13px!important}@media(max-width:966px){.team{width:90%}.team .cards{gap:2%}.team .cards .card{width:31%;max-height:240px}}@media(max-width:766px){.team{width:90%}.team .cards .card{max-height:350px;width:48%}}@media(max-width:566px){.team{width:90%}.team .cards .card{width:100%;margin-top:10px}}.testimony{text-align:center}.testimony h2{font-size:30px;margin-top:50px}.testimony .cards{display:flex;justify-content:space-around;margin:50px 0 0}.testimony .cards .card{border:1px solid transparent;width:30%;padding:0 10px 20px;box-shadow:0 0 5px #dad8d8;border-radius:15px;text-align:center;transition:border .3s}.testimony .cards .card i{background:#067a0c;color:#fff;border-radius:50%;margin:20px auto;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.testimony .cards .card h4{color:#000;font-weight:lighter;font-size:17px}.testimony .cards .card h5{color:#1e2939;font-weight:lighter;font-size:14px;margin:10px 0 30px}.testimony .cards .card p{line-height:25px;font-weight:lighter;width:75%;margin:0 auto;color:#1e2939}@media(max-width:766px){.testimony .cards{display:flex;flex-wrap:wrap;justify-content:start;gap:20px;padding:0 50px}.testimony .cards .card{width:40%}}@media(max-width:446px){.testimony .cards{display:flex;flex-wrap:wrap}.testimony .cards .card{width:90%}}.callToAction{background:#b9f8cf8f;padding:80px;text-align:center;margin:50px 0 0}.callToAction h2{font-size:50px}.callToAction p{font-size:18px;margin:20px 20px 40px}.callToAction a{color:#034b07;background:#e5b82d;padding:10px 40px;border-radius:10px}.callToAction .contact{display:flex;margin-top:60px}.callToAction .contact .text{width:40%;text-align:start}.callToAction .contact .text p{display:flex;gap:4px}.callToAction .contact .text p i{background:#f0f0f0;display:flex;align-items:center;font-size:16px;padding:3px 10px}.callToAction .contact .map{width:60%}.callToAction .contact .map div{height:100%}@media(max-width:766px){.callToAction{padding:10px}.callToAction .contact{display:block;margin-top:60px}.callToAction .contact .text{width:100%;text-align:start}.callToAction .contact .text h2{text-align:center}.callToAction .contact .map{width:100%;margin-bottom:20px}.callToAction .contact .map div{height:300px}}footer{background-color:#1b5e20;padding:40px 0}footer .row{display:flex;padding:0 10px}footer .row .col{width:23%;color:#dbd9d9}footer .row .col h2{color:#dbd9d9!important;margin:0 0 20px;font-size:16px!important}footer .row .col p{line-height:30px}footer .row .col li{list-style-type:none;line-height:30px}footer .row .col li a{color:#dbd9d9}footer hr{width:98%;margin:30px auto;border:1px solid grey}footer p.footer{text-align:center;color:#dbd9d9}@media(max-width:766px){footer .row{flex-wrap:wrap}footer .row .col{width:45%;color:#dbd9d9}footer .row .col h2{color:#dbd9d9!important;margin:0 0 20px;font-size:16px!important}footer .row .col p{line-height:30px}footer .row .col li{list-style-type:none;line-height:30px}footer hr{width:98%;margin:30px auto;border:1px solid grey}footer p.footer{text-align:center;color:#dbd9d9}}.register-inner{position:relative;display:flex;align-items:center;justify-content:center;background:url(/assets/9jafarm%20bg-DMSF11Uk.jpg)no-repeat;background-size:cover;min-height:100vh;overflow:hidden}.register-inner .overlay{position:absolute;top:0;left:0;width:100%;height:1000vh;background:#030806d9}.register-inner .register-card{background:#030806ee;border-radius:20px;padding:30px;width:500px;z-index:1;text-align:center;margin:10px 0}body.dark .register-inner .overlay{background:#030806d9}body.dark .register-inner .register-card{background:#030806ee}.register-inner .logo{width:130px;border-radius:50%;box-shadow:0 0 10px gray}.register-inner .register-card h4{font-size:24px;font-weight:500;text-align:center;color:#059669;margin:30px 0 10px}.register-inner .register-card form{margin:15px 0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.register-inner .register-card .form-group{width:100%;margin:10px 0;text-align:start}.radio{display:flex;align-items:center}.radio label{margin:0 10px;text-align:center;width:50px}.register-inner .register-card .form-group input{margin:8px 0 10px;padding:10px;border-radius:10px;border:none;background:#f3f3f5;width:100%}.register-inner .register-card form button{width:20%;padding:10px;border-radius:15px;font-weight:600;border:none;background:#059669;color:#eaf1e9}.register-inner .register-card .extras{display:flex;justify-content:space-between;font-size:12px;font-weight:lighter}.register-inner .register-card .extras a{color:#059669;font-weight:800}.register-inner .register-card hr{margin:20px 0;color:#e5e5e5;background:#e5e5e5;border:1px solid}.register-inner .register-card a.back{margin:20px 0;color:#717189;display:flex;justify-content:center;cursor:pointer}.register-inner .register-card a.back:hover{color:#059669}@media(max-width:766px){.register-inner .register-card{background:#fff;border-radius:20px;padding:30px;width:80%;z-index:1;text-align:center;margin:10px 0}.register-inner .register-card form{margin:15px 0;width:100%}.register-inner .register-card .form-group{width:100%;margin:10px 0;text-align:start}}.auth-container{max-width:400px;margin:80px auto;padding:30px;background:#fff;border-radius:8px}body.dark .auth-container{background:#020617;color:#fff}.dropdown{position:relative}.dropbtn{width:100%}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:100%;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.main{position:relative}aside.open{position:fixed;top:0;left:0;transition:width .3s;width:20%;height:100vh;z-index:1;background:#101d18}aside.open .logo{display:flex;padding:20px;align-items:center;width:auto}aside.open .logo i{background:#2e7d32;color:#e9ebef;display:flex;font-size:24px;padding:10px;border-radius:50%;margin:0 10px 0 0}aside.open .logo p{color:#2e7d32;display:block;font-size:14px}aside.open .logo p span{color:#1e2939de;font-size:11px}aside.open .ads{background:#f6faf6;border-radius:15px;margin:0 10px;display:flex;flex-direction:column;align-items:center}aside.open .ads div{display:flex;padding:10px 20px;align-items:center;width:90%}aside.open .ads div h3{background:#2e7d32;color:#e9ebef;display:flex;font-size:14px;padding:10px 15px;border-radius:50%;margin:0 10px 0 0;font-weight:lighter}aside.open .ads div p{color:#2e7d32;display:block}aside.open .ads div p span{color:#1e2939de;font-size:11px}aside.open .ads button{color:#2e7d32;font-size:11px;background:#fbc02d;width:90%;margin:0 0 10px;padding:6px;border:none;border-radius:10px}aside.open hr{margin:20px 0 10px}aside.open ul{padding:0 10px}aside.open ul li{padding:8px;border-radius:10px;margin:0 0 5px}aside.open ul li a{color:#313131;font-size:12px}aside.open ul li i{margin:0 10px 0 0}aside.open ul li span{display:inline-block}aside.open ul li:hover{background:#f3f4f6}aside.open .logout{padding:12px 0;border-radius:0;position:fixed;bottom:20px;width:20%}aside.open .logout a{color:red;margin-left:10px}aside.open .logout i{margin:0 10px 0 0}aside.closed{position:fixed;top:0;left:0;transition:width .3s;width:5%;height:100vh;z-index:1}aside.closed .logo{display:flex;padding:20px 0;align-items:center;width:100%}aside.closed .logo i{background:#2e7d32;color:#e9ebef;display:flex;font-size:20px;width:90%;height:50px;padding:10px 0;justify-content:center;align-items:center;border-radius:50%;margin:0 auto}aside.closed .logo p{display:none}aside.closed .ads{display:none}aside.closed hr{margin:20px 0 10px}aside.closed ul{padding:0 10px}aside.closed ul li{padding:8px;border-radius:10px;margin:0 0 5px}aside.closed ul li a{color:#034b07;font-size:16px;display:flex;justify-content:center}aside.closed ul li i{margin:0 auto}aside.closed ul li span{display:none}aside.closed ul li:hover{background:#f3f4f6}aside.closed .logout{text-align:center;position:fixed;bottom:20px;width:5%;padding:12px 0;border-radius:0}aside.closed .logout a{color:red;width:100%;margin-left:10px}aside.closed .logout i{margin:0 auto}aside.closed .logout span{display:none}body.dark aside.open{background:#101d18}body.dark aside.open .logout a{color:#e7000b!important}body.dark aside.closed{background:#101d18}body.dark aside.closed .logout a{color:#e7000b!important}main{background:#101d18!important;position:absolute;right:0;top:0;transition:width .3s;width:80%;min-height:100vh!important;border-left:1px solid #101d18!important}.kyc main{position:absolute;right:0;top:0;transition:width .3s;width:100%}main nav{position:sticky;top:0;left:0;border:.1px solid #E9EBEF;background:#101d18;display:flex;justify-content:space-between;padding:20px 30px}main nav div{display:flex;align-items:center}main nav div button{font-size:16px;border:none;margin:0 20px 0 0;color:#1e2939;padding:7px 9px;transition:background .3s;background:transparent;border-radius:10px;position:relative}main nav div button span{background-color:red;color:#e9ebef;padding:5px 7px;position:absolute;top:-8px;left:16px;font-size:12px;border-radius:10px}main nav div button:hover{background-color:#e9ebef}main nav div h3{font-size:24px;color:#1e2939}main nav div h3 a{color:#067a0c}main nav div:nth-child(2) h3{font-size:14px;font-weight:100;color:#e9ebef;background:#2e7d32;padding:7px 12px;border-radius:50%}main .main-section{min-height:90vh;padding:20px;background:#f9fff9}body.dark main .main-section{padding:20px;background:#10b98126!important}main .main-section h1{color:#2e7d32;font-weight:lighter}main .main-section p{color:#717189;margin:10px 0 0}main .main-section .card-alert{display:flex;justify-content:space-between;align-items:center;background:#fcfcf3;border:2px solid #FBC02D;border-radius:15px;padding:20px;margin:20px 0 0}main .main-section .card-alert h3{color:#2e7d32;margin:0 0 5px}main .main-section .card-alert small{color:#717189}main .main-section .card-alert a{padding:10px 20px;background:#2e7d32;border-radius:15px;border:none;color:#f0fdf4;font-weight:800}main .main-section .card-alert a i{padding:3px 4px;background:#0078d7;border:1px solid black;color:#f0fdf4;font-size:8px;margin:0 8px 0 0}main .main-section .card-alert a:hover{background:#067a0c}main .main-section .detail-card{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin:20px 0 0}main .main-section .detail-card .card{width:20%;padding:15px 7px;justify-content:space-around;border:1px solid #E5E5E5;display:flex;align-items:center;border-radius:15px;background:#fff;box-shadow:0 6px 10px #c9c9c9;transition:box-shadow .3s}main .main-section .detail-card .card p{font-size:12px}main .main-section .detail-card .card p span{font-size:20px;display:block;margin:5px 0 0;color:#2e7d32}main .main-section .detail-card .card i{font-size:40px;color:#2e7d32}main .main-section .detail-card .card:hover{box-shadow:0 13px 13px #c9c9c9}main .main-section .detail-card .card:nth-child(2) i{color:#fbc02d}main .main-section .detail-card .card:nth-child(3) i{color:#155dfc}main .main-section .detail-card .card:nth-child(4) i{color:#e7000b}main .main-section .card-guide{display:flex;justify-content:space-between;align-items:center;background:#f7f5ff;border:2px solid #BEDBFF;border-radius:15px;padding:20px;margin:20px 0 0}main .main-section .card-guide div{display:flex;align-items:center}main .main-section .card-guide div i{padding:10px 8px;font-size:20px;color:#155dfc;border-radius:50%;background:#dbeafe;margin:0 10px 0 0}main .main-section .card-guide h3{color:#000;margin:0 0 5px;font-size:14px}main .main-section .card-guide small{color:#717189;display:block;margin:5px 0 0}main .main-section .card-guide button{padding:10px;background:#fff;border-radius:15px;border:1px solid #0078D7;color:#000;font-weight:700;font-size:11px}main .main-section .card-guide button i{padding:1px;border:1px solid black;border-radius:50%;font-size:8px;margin:0 8px 0 0}main .main-section .card-guide button:hover{background:#eff6ff}body.dark main .main-section .card-guide{background:#434346}body.dark main .main-section .card-guide h3{color:#f4f4f4}body.dark main .main-section .card-guide small{color:#b2b3b4}main .main-section .button{margin:20px 0 0;padding:7px;background:#ececf0;border-radius:50px;display:flex;justify-content:center}main .main-section .button #overviewbtn.show{color:#000;padding:7px;border:none;border-radius:50px;width:50%;font-weight:700;cursor:pointer;background:#fff}main .main-section .button #overviewbtn.hide,main .main-section .button #livebtn.hide{color:#000;padding:7px;border:none;border-radius:50px;width:50%;font-weight:700;cursor:pointer}main .main-section .button #livebtn.show{color:#000;padding:7px;border:none;border-radius:50px;width:50%;font-weight:700;cursor:pointer;background:#fff}body.dark main .main-section .button{background:#067a0c}body.dark main .main-section .button #overviewbtn.show,body.dark main .main-section .button #livebtn.show{color:#fff;background:#034b07}body.dark main .main-section .button #overviewbtn.hide,body.dark main .main-section .button #livebtn.hide{color:#fff;background:none;border:1px solid #fff}main .main-section .overview-card.show{display:block;position:relative}main .main-section .overview-card.hide{display:none}main .main-section .overview-card .topcatigory{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:5px;justify-content:start}main .main-section .overview-card .topcatigory a{font-size:14px;padding:30px 0;border:1px solid;display:inline-block;width:24%;text-wrap:wrap;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:300;border-radius:15px;background:#067a0c}main .main-section .overview-card .topcatigory a i{margin:0 10px 0 0}main .main-section .overview-card .topcatigory a:nth-child(2){background:#8200db}main .main-section .overview-card .topcatigory a:nth-child(3){background:#e5b82d}main .main-section .overview-card .topcatigory a:nth-child(4){background:#1447e6}main .main-section .overview-card .topcatigory a:hover{background:#034b07}main .main-section .overview-card .topcatigory a:nth-child(2):hover{background:#6700ac}main .main-section .overview-card .topcatigory a:nth-child(3):hover{background:#ad8b22}main .main-section .overview-card .topcatigory a:nth-child(4):hover{background:#0e35a8}body.dark main .main-section .overview-card .topcatigory a{color:#fff;background:#024605}body.dark main .main-section .overview-card .topcatigory a i{margin:rgb(3,75,7)0 0}body.dark main .main-section .overview-card .topcatigory a:nth-child(2){background:#42016d}body.dark main .main-section .overview-card .topcatigory a:nth-child(3){background:#96730c}body.dark main .main-section .overview-card .topcatigory a:nth-child(4){background:#031d6b}body.dark main .main-section .overview-card .topcatigory a:hover{background:#034b07}body.dark main .main-section .overview-card .topcatigory a:nth-child(2):hover{background:#6700ac}body.dark main .main-section .overview-card .topcatigory a:nth-child(3):hover{background:#ad8b22}body.dark main .main-section .overview-card .topcatigory a:nth-child(4):hover{background:#0e35a8}select{width:90%;padding:10px;border-radius:10px;border:none;background:#f3f3f5;outline:none}.filterbtn{padding:8px 10px;background:#ffffffb3;border:none;box-shadow:0 0 10px #afaeae;border-left:3px solid #067a0c;cursor:pointer;color:#067a0c}main .main-section .overview-card .table-card{margin:20px 0 0;border:1px solid #E9EBEF;border-radius:20px;background:#fff;padding:20px;box-shadow:0 6px 10px #c9c9c9}main .main-section .overview-card .table-card .top-card{display:flex;justify-content:space-between;align-items:center}main .main-section .overview-card .table-card .top-card h3{color:#034b07;font-weight:100}main .main-section .overview-card .table-card .top-card h3 small{font-size:12px;color:#1e2939}main .main-section .overview-card .table-card .top-card a{color:#fff;background:#034b07;padding:10px 20px;border-radius:10px;border:none;font-size:12px;font-weight:100}main .main-section .overview-card .table-card .table{margin:40px 0 0;width:100%;overflow-x:scroll}main .main-section .overview-card .table-card .table table{width:100%;border-collapse:collapse}main .main-section .overview-card .table-card .table table thead tr td{font-weight:800;background:#7a7a7a;border-bottom:1px solid #7a7a7a;color:#f0f0f0}main .main-section .overview-card .table-card .table table thead:hover{background:#e9ebef}main .main-section .overview-card .table-card .table table tbody tr:hover{background:#f9fff9}body.dark main .main-section .overview-card .table-card .table table tbody tr:hover{background:#7a7a7a4d}main .main-section .overview-card .table-card .table table tr td{padding:11px 10px;border-bottom:.5px solid #E9EBEF;color:#000000d0;font-size:12px}body.dark main .main-section .overview-card .table-card .table table tr td{color:#fff}.d-flex{display:flex;align-items:center}main .main-section .overview-card .table-card .table table td i{margin:0 5px 0 0}main .main-section .overview-card .table-card .table table td span{background:#b9f8cf;padding:3px 10px;border-radius:10px;color:#034b07}main .main-section .overview-card .table-card .table table td a{background:#e9ebef;padding:5px 10px;border-radius:10px;border:1px solid #E9EBEF;color:#000000d3;margin:0 10px 0 0}@media(max-width:826px){main .main-section .card-alert{display:block}main .main-section .card-alert a{display:block;margin-top:20px}main .main-section .detail-card{justify-content:center}main .main-section .detail-card .card{width:45%;padding:5px 7px;justify-content:space-around}main .main-section .detail-card .card p{font-size:12px}main .main-section .detail-card .card p span{font-size:20px}main .main-section .detail-card .card i{font-size:20px}main .main-section .card-guide{display:block}main .main-section .card-guide button{margin-top:20px;width:100%}main .main-section .overview-card .topcatigory{margin:20px 0 0}main .main-section .overview-card .topcatigory a{font-size:12px;padding:10px 0;width:48%}}@media(max-width:587px){main .main-section .detail-card{gap:3px!important}main .main-section .detail-card .card{width:45%!important}}@media(max-width:390px){main .main-section .detail-card{gap:3px!important}main .main-section .detail-card .card{width:95%!important}}main .main-section .live-card.show{display:block}main .main-section .live-card.hide{display:none}main .main-section .live-card .title{display:flex;justify-content:space-between;margin:30px 0 0;font-size:22px}main .main-section .live-card .title h2{font-weight:400;color:#2e7d32}main .main-section .live-card .title h2 span{font-size:16px;font-weight:400;display:block;margin:7px 0 0;color:#717189}main .main-section .live-card .title div{display:flex;align-items:center}main .main-section .live-card .title div p{border:1px solid #E5E5E5;margin:0 10px;padding:5px 10px;font-size:12px;border-radius:15px}main .main-section .live-card .title div p:nth-child(1){background:#b9f8cf;color:#2e7d32;border:1px solid #2E7D32}main .main-section .live-card .cards{margin:30px 0 0;display:flex;gap:10px;justify-content:space-between}main .main-section .live-card .cards .card{border:1px solid #E5E5E5;width:15%;padding:20px;border-radius:15px;background:#fff}main .main-section .live-card .cards .card i{color:#2e7d32;margin:0 10px 0 0}main .main-section .live-card .cards .card h3{font-size:24px!important;margin:10px 0 0}body.dark main .main-section .live-card .cards .card{border:1px solid #067a0c;background:#034b07}body.dark main .main-section .live-card .cards .card i,body.dark main .main-section .live-card .cards .card h3{color:#f0f0f0}@media(max-width:823px){main .main-section .live-card .cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}main .main-section .live-card .cards .card{width:25%;padding:none!important}}@media(max-width:624px){main .main-section .live-card .cards .card{width:37%}}@media(max-width:407px){main .main-section .live-card .cards .card{width:97%}}main .main-section .live-card .timeline{margin:30px 0 0}main .main-section .live-card .timeline .selector{display:flex;justify-content:space-between}main .main-section .live-card .timeline .selector select{width:49%;padding:10px;border-radius:15px;background:#f0f0f0;outline:none;border:none}main .main-section .live-card .timeline .activities{margin:20px 0 0;padding:20px;border:1px solid #E9EBEF;border-radius:20px;background:#fff;box-shadow:0 6px 10px #c9c9c9}main .main-section .live-card .timeline .activities h2{color:#2e7d32;font-weight:200}main .main-section .live-card .timeline .activities ul{max-height:100vh;overflow-y:scroll;padding:50px 20px}main .main-section .live-card .timeline .activities ul li{border:1px solid #E9EBEF;list-style-type:none;padding:15px;margin:8px 0;border-radius:10px;display:flex;justify-content:space-between;transition:background .3s}main .main-section .live-card .timeline .activities ul li .left{display:flex;align-items:start}main .main-section .live-card .timeline .activities ul li .left i{font-size:18px;padding:10px;border-radius:50%;background:#e9ebef;margin:0 10px 0 0}main .main-section .live-card .timeline .activities ul li .left div h5{font-size:15px;font-weight:300}main .main-section .live-card .timeline .activities ul li .left div h5 span{background:#e9ebef;padding:4px 7px;border-radius:8px;font-size:12px}main .main-section .live-card .timeline .activities ul li .left div p{font-size:12px;color:#000;margin:0}main .main-section .live-card .timeline .activities ul li .left div p i{background:none;font-size:12px}main .main-section .live-card .timeline .activities ul li .left div small{font-size:11px;color:#717189}main .main-section .live-card .timeline .activities ul li .left div small i{background:none;font-size:12px}main .main-section .live-card .timeline .activities ul li small{color:#717189}main .main-section .live-card .timeline .activities ul li small i{margin:0 5px 0 0}main .main-section .live-card .timeline .activities ul li:hover{background:#f0fdf4}body.dark main .main-section .live-card .timeline .selector select{background:#034b07;color:#fff}body.dark main .main-section .live-card .timeline .activities{border:1px solid #067a0c;background:#034b07;box-shadow:0 6px 10px #067a0c}body.dark main .main-section .live-card .timeline .activities h2{color:#f0f0f0!important}body.dark main .main-section .live-card .timeline .activities ul li{border:1px solid #067a0c}body.dark main .main-section .live-card .timeline .activities ul li .left i{color:#034b07;background:#067a0c}body.dark main .main-section .live-card .timeline .activities ul li .left div h5 span{background:#067a0c}body.dark main .main-section .live-card .timeline .activities ul li .left div p{color:#f0f0f0}body.dark main .main-section .live-card .timeline .activities ul li .left div small{color:#f0f0f0}body.dark main .main-section .live-card .timeline .activities ul li .left div small i{background:none}body.dark main .main-section .live-card .timeline .activities ul li small{color:#f0f0f0}body.dark main .main-section .live-card .timeline .activities ul li:hover{background:#067a0c}main .main-section .live-card .cards .card-bottom{border:1px solid #E5E5E5;width:20%;padding:20px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:space-between}main .main-section .live-card .cards .card-bottom h1{color:#000}main .main-section .live-card .cards .card-bottom h1 small{color:#717189;font-size:14px;display:block}main .main-section .live-card .cards .card-bottom i{font-size:30px}body.dark main .main-section .live-card .cards .card-bottom{border:1px solid #067a0c;background:#0b472a}body.dark main .main-section .live-card .cards .card-bottom h1{color:#f0f0f0}.success{color:#067a0c}.warning{color:#ad8b22}.danger{color:#e7000b}.info{color:#0e35a8}.upgrade{background:#f9fff9;text-align:center;padding:50px}body.dark .upgrade{background:#0f172a}.upgrade h2{color:#067a0c;font-size:40px;font-weight:100;margin:10px 0}.upgrade h2 span{color:#1e2939;font-size:18px}.upgrade h2 i{margin:0 10px 0 0}.upgrade p{color:#717189;font-size:18px;font-weight:700;margin:20px 0 0}.upgrade .cards{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:40px 0 0}.upgrade .cards .card{border:1px solid #E9EBEF;background:#fff;border-radius:15px;box-shadow:0 6px 10px #c9c9c9;padding:20px 20px 50px;width:29%;height:500px;transition:transform .3s}body.dark .upgrade .cards .card{border:1px solid #000;background:#000;box-shadow:0 6px 10px #111829}.upgrade .cards .card:hover{transform:scale(1.05)}.upgrade .cards .card:nth-child(2):hover{transform:scale(1)}.upgrade .cards .card:nth-child(2){border:4px solid #ecbd2f;height:550px;position:relative}.upgrade .cards .card:nth-child(2) small{position:absolute;top:0;left:0;background:#ecbd2f;width:100%;padding:10px 0;font-size:18px;color:#067a0c}.upgrade .cards .card:nth-child(2) h4{margin:40px 0 0}.upgrade .cards .card:nth-child(2) a{background:#ecbd2f}.upgrade .cards .card h4{color:#067a0c;font-size:25px;font-weight:200;margin:20px 0 0}.upgrade .cards .card h2{color:#067a0c;font-size:40px;font-weight:200}.upgrade .cards .card ul{margin:30px 0 20px}.upgrade .cards .card ul li{text-align:start;color:#717189;margin:13px 0;list-style-type:none}.upgrade .cards .card ul li i{margin:0 10px 0 0;color:#067a0c}.upgrade .cards .card a{background:#1e2939;color:#fff;padding:10px;width:90%;display:flex;justify-content:center;border:none;border-radius:20px;margin:30px 0 0}.upgrade .cards .card a:hover{background:#067a0c}.upgrade .bottom-card{background:#fff;padding:30px;display:flex;justify-content:space-between;box-shadow:0 6px 10px #c9c9c9;margin:40px 0;border-radius:15px}.upgrade .bottom-card h3{color:#2e7d32;font-size:16px;font-weight:100}.upgrade .bottom-card h3 span{display:block;color:#1e2939;margin:10px 0 0}.upgrade a{color:#1e2939}.upgrade a i{margin:0 10px 0 0}.upgradepayment1{background:#f9fff9;text-align:center;padding:50px}.upgradepayment1 h2{color:#067a0c;font-size:35px;font-weight:100;margin:6px 0}.upgradepayment1 h2 span{color:#1e2939;font-size:18px}.upgradepayment1 h2 i{margin:0 10px 0 0}.upgradepayment1 p{color:#717189;font-size:16px;font-weight:700;margin:10px 0 0}.upgradepayment1 .counter{display:flex;gap:100px;justify-content:center;margin:20px 0 0}.upgradepayment1 .counter p{background:#d1d5dc;padding:15px 20px;border-radius:50%;color:#000;position:relative}.upgradepayment1 .counter p:after{content:"";position:absolute;top:20px;right:-80px;width:80px;height:5px;background:#d1d5dc}.upgradepayment1 .counter p:nth-child(3):after{width:0px;height:0px}.upgradepayment1 .cards{display:flex;gap:20px;justify-content:center;align-items:start;margin:40px 0 0}.upgradepayment1 .cards .card{border:1px solid #E9EBEF;background:#fff;border-radius:15px;box-shadow:0 6px 10px #c9c9c9;padding:20px;width:20%;text-align:start;transition:transform .3s}.upgradepayment1 .cards .card:nth-child(2){width:50%}.upgradepayment1 .cards .card:nth-child(2) h4{margin:20px 0 0}.upgradepayment1 .cards .card:nth-child(2) form{margin:20px 0 0}.upgradepayment1 .cards .card:nth-child(2) form .form-group label{display:block;margin:12px 0 7px}.upgradepayment1 .cards .card:nth-child(2) form .form-group input{width:90%;padding:10px;border-radius:15px;border:none;background:#f3f3f5;outline:none}.upgradepayment1 .cards .card:nth-child(2) form .form-group:nth-child(2){display:flex}.upgradepayment1 .cards .card:nth-child(2) form .form-group:nth-child(2) div{width:47.5%}.upgradepayment1 .cards .card:nth-child(2) form button{width:93%;padding:10px;border-radius:20px;border:none;background:#034b07;margin:20px 0;color:#fff}.upgradepayment1 .cards .card:nth-child(2) form button:hover{background:#067a0c}.password{text-align:start;margin-bottom:20px;width:100%}.password label{display:block;margin:12px 0 7px}.password div{background:#f3f3f5;border-radius:15px;display:flex;align-items:center;overflow:hidden}.password div input{width:92%;padding:10px;border:none;background:#f3f3f5;outline:none}.password div i{width:8%;color:#4f4f4f}@media(max-width:766px){.password div input{width:90%}.password div i{width:10%}}.upgradepayment1 .cards .card h4{color:#067a0c;font-size:16px;font-weight:200;margin:20px 0 50px}.upgradepayment1 .cards .card h2{color:#717189;font-size:20px;font-weight:200}.upgradepayment1 .cards .card ul{margin:30px 0 20px}.upgradepayment1 .cards .card ul li{text-align:start;color:#717189;margin:10px 0;list-style-type:none;font-size:14px}.upgradepayment1 .cards .card ul li i{margin:0 10px 0 0;color:#067a0c}.upgradepayment1 .cards .card p{display:flex;font-size:14px;justify-content:space-between}.upgradepayment1 .cards .card p span{color:#000}.upgradepayment1 .cards .card hr{margin:20px 0}.upgradepayment1 .cards .card p.total{font-weight:700;color:#000}.upgradepayment1 .cards .card p.total span{color:#2e7d32}.upgradepayment1 a{color:#1e2939}.upgradepayment1 a i{margin:0 10px 0 0}.upgradepayment2{background:#f9fff9;text-align:center;padding:50px}.upgradepayment2 h2{color:#067a0c;font-size:35px;font-weight:100;margin:6px 0}.upgradepayment2 h2 i{margin:0 10px 0 0}.upgradepayment2 p{color:#717189;font-size:16px;font-weight:700;margin:10px 0 0}.upgradepayment2 .counter{display:flex;gap:100px;justify-content:center;margin:20px 0 0}.upgradepayment2 .counter p{background:#d1d5dc;padding:15px 20px;border-radius:50%;color:#000;position:relative}.upgradepayment2 .counter p:after{content:"";position:absolute;top:20px;right:-80px;width:80px;height:5px;background:#d1d5dc}.upgradepayment2 .counter p:nth-child(3):after{width:0px;height:0px}.upgradepayment2 .cards{display:flex;gap:20px;justify-content:center;align-items:start;margin:40px 0 0}.upgradepayment2 .cards .card{border:1px solid #E9EBEF;background:#fff;border-radius:15px;box-shadow:0 6px 10px #c9c9c9;padding:20px;width:20%;text-align:start;transition:transform .3s}.upgradepayment2 .cards .card:nth-child(2){width:50%}.upgradepayment2 .cards .card:nth-child(2) h4{margin:20px 0 0}.upgradepayment2 .cards .card:nth-child(2) form{margin:20px 0 0}.upgradepayment2 .cards .card:nth-child(2) form .form-group{display:flex;align-items:center;border:2px solid #D1D5DC;padding:20px;border-radius:20px;margin:10px 0}.upgradepayment2 .cards .card:nth-child(2) form .form-group input{margin:0 20px 0 0}.upgradepayment2 .cards .card:nth-child(2) form .form-group div{display:flex;align-items:center}.upgradepayment2 .cards .card:nth-child(2) form .form-group div i{color:#067a0c;margin:0 15px 0 0}.upgradepayment2 .cards .card:nth-child(2) form .form-group div h3{font-size:13px;font-weight:700;color:#000}.upgradepayment2 .cards .card:nth-child(2) form .form-group div h3 span{color:#717189;font-weight:lighter;display:block}.upgradepayment2 .cards .card:nth-child(2) form .form-group:hover{border:2px solid #034b07}.upgradepayment2 .cards .card:nth-child(2) form a{width:45%;display:inline-block;padding:10px;border-radius:15px;border:none;background:#fff;margin:20px 0;color:#000;text-align:center;border:1px solid #D1D5DC}.upgradepayment2 .cards .card:nth-child(2) form a:hover{background:#d1d5dc}.upgradepayment2 .cards .card:nth-child(2) form button{border:1px solid #034b07;width:49.5%;padding:10px;border-radius:15px;margin:20px 0;background:#034b07;color:#fff}.upgradepayment2 .cards .card:nth-child(2) form button:hover{background:#067a0c}.upgradepayment2 .cards .card h4{color:#067a0c;font-size:16px;font-weight:200;margin:20px 0 50px}.upgradepayment2 .cards .card h2{color:#717189;font-size:20px;font-weight:200}.upgradepayment2 .cards .card ul{margin:30px 0 20px}.upgradepayment2 .cards .card ul li{text-align:start;color:#717189;margin:10px 0;list-style-type:none;font-size:14px}.upgradepayment2 .cards .card ul li i{margin:0 10px 0 0;color:#067a0c}.upgradepayment2 .cards .card p{display:flex;font-size:14px;justify-content:space-between}.upgradepayment2 .cards .card p span{color:#000}.upgradepayment2 .cards .card hr{margin:20px 0}.upgradepayment2 .cards .card p.total{font-weight:700;color:#000}.upgradepayment2 .cards .card p.total span{color:#2e7d32}.upgradepayment3{background:#f9fff9;text-align:center;padding:50px}.upgradepayment3 h2{color:#067a0c;font-size:35px;font-weight:100;margin:6px 0}.upgradepayment3 h2 span{color:#1e2939;font-size:18px}.upgradepayment3 h2 i{margin:0 10px 0 0}.upgradepayment3 p{color:#717189;font-size:16px;font-weight:700;margin:10px 0 0}.upgradepayment3 .counter{display:flex;gap:100px;justify-content:center;margin:20px 0 0}.upgradepayment3 .counter p{background:#d1d5dc;padding:15px 20px;border-radius:50%;color:#000;position:relative}.activep{background:#2e7d32!important;color:#fff!important}.upgradepayment3 .counter p:after{content:"";position:absolute;top:20px;right:-80px;width:80px;height:5px;background:#d1d5dc}.upgradepayment3 .counter p:nth-child(3):after{width:0px;height:0px}.upgradepayment3 .cards{display:flex;gap:20px;justify-content:center;align-items:start;margin:40px 0 0}.upgradepayment3 .cards .card{border:1px solid #E9EBEF;background:#fff;border-radius:15px;box-shadow:0 6px 10px #c9c9c9;padding:20px;width:20%;text-align:start;transition:transform .3s}.upgradepayment3 .cards .card:nth-child(2){width:50%}.upgradepayment3 .cards .card:nth-child(2) h4{margin:20px 0 0}.upgradepayment3 .cards .card:nth-child(2) form{margin:20px 0 0}.upgradepayment3 .cards .card:nth-child(2) form .form-group label{display:block;margin:12px 0 7px}.upgradepayment3 .cards .card:nth-child(2) form .form-group input{width:90%;padding:10px;border-radius:15px;border:none;background:#f3f3f5}.upgradepayment3 .cards .card:nth-child(2) form .form-group:nth-child(2){display:flex}.upgradepayment3 .cards .card:nth-child(2) form .form-group:nth-child(2) div{width:47.5%}.upgradepayment3 .cards .card:nth-child(2) form a{width:45%;display:inline-block;padding:10px;border-radius:15px;border:none;background:#fff;margin:20px 0;color:#000;text-align:center;border:1px solid #D1D5DC}.upgradepayment3 .cards .card:nth-child(2) form a:hover{background:#d1d5dc}.upgradepayment3 .cards .card:nth-child(2) form button{border:1px solid #034b07;width:49.5%;padding:10px;border-radius:15px;margin:20px 0;background:#034b07;color:#fff}.upgradepayment3 .cards .card:nth-child(2) form button:hover{background:#067a0c}.upgradepayment3 .cards .card:nth-child(2) form small{display:flex;justify-content:center;margin:20px 0 0;color:#717189}.upgradepayment3 .cards .card:nth-child(2) form small i{margin:0 10px 0 0}.upgradepayment3 .cards .card h4{color:#067a0c;font-size:16px;font-weight:200;margin:20px 0 50px}.upgradepayment3 .cards .card h2{color:#717189;font-size:20px;font-weight:200}.upgradepayment3 .cards .card ul{margin:30px 0 20px}.upgradepayment3 .cards .card ul li{text-align:start;color:#717189;margin:10px 0;list-style-type:none;font-size:14px}.upgradepayment3 .cards .card ul li i{margin:0 10px 0 0;color:#067a0c}.upgradepayment3 .cards .card p{display:flex;font-size:14px;justify-content:space-between}.upgradepayment3 .cards .card p span{color:#000}.upgradepayment3 .cards .card hr{margin:20px 0}.upgradepayment3 .cards .card p.total{font-weight:700;color:#000}.upgradepayment3 .cards .card p.total span{color:#2e7d32}.upgradepayment4{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:#f0faf0}.upgradepayment4 .card{padding:50px;border:1px solid #D1D5DC;background:#fff;border-radius:20px;text-align:center;box-shadow:0 6px 10px #c9c9c9}.upgradepayment4 .card i{padding:20px;border-radius:50%;font-size:24px;background:#2e7d32;color:#fff;margin:20px 0}.upgradepayment4 .card h2{font-size:27px;font-weight:100;color:#2e7d32;margin:0 0 10px}.upgradepayment4 .card p{color:#717189;line-height:30px;font-size:14px;margin:0 0 20px}.upgradepayment4 .card a{padding:10px 40px;background:#2e7d32;color:#fff;border-radius:20px}.upgradepayment4 .card a i{margin:0 0 0 10px;padding:0;border-radius:0%;font-size:14px;background:none;color:#fff}@media(max-width:766px){.upgrade .cards{display:block}.upgrade .cards .card{text-align:center;width:90%;height:auto;margin:20px 0}.upgrade .cards .card:nth-child(2){text-align:center;width:90%;height:auto;margin:20px 0}.upgrade .bottom-card{display:block}}.filter-card button{padding:13px 20px;margin:20px 10px 0 0;border-radius:15px;background:#034b07;color:#fff;border:none;cursor:pointer}body.dark .filter-card{border:1px solid #0B472A;background:#0b472a;box-shadow:0 6px 10px #0e5733}body.dark .filter-card form{display:flex}body.dark .filter-card form .form-group input{background:#067a0c;color:#fff}body.dark .filter-card form .form-group:nth-child(2) .group-inner select{color:#fff;background:#067a0c}.location-map{display:flex;gap:5px}.location-map .card{border:1px solid #2E7D32;border-radius:15px;padding:20px;background:#fff;width:30%;margin:20px 0 0}.location-map .card div{display:flex;align-items:center;margin:0 0 20px}.location-map .card div i{background:#eaf2ea;padding:10px;color:#2e7d32;border-radius:50%;margin:0 10px 0 0}.location-map .card div h3{color:#2e7d32;font-weight:100}.location-map .card div h3 span{display:block;color:#717189;font-size:12px}.location-map .card small{margin:10px 0 0;display:flex;justify-content:space-between;color:#717189}.location-map .card small span{background:#b9f8cf;padding:2px 5px;border-radius:5px}.location-map .card progress{width:100%}body.dark .location-map .card{border:1px solid #2E7D32;background:#0b472a}body.dark .location-map .card div h3,body.dark .location-map .card div h3 span,body.dark .location-map .card small{color:#f0f0f0}@media(max-width:766px){.location-map{display:block;gap:5px}.location-map .card{width:90%;margin:20px auto}}.vis-card-alert{border:1px solid #2E7D32;background:#f0fdf4;padding:20px;margin:20px 0 0;border-radius:15px;box-shadow:0 6px 10px #c9c9c9}.vis-card-alert h2{color:#2e7d32;font-size:16px;font-weight:200px}.vis-card-alert p{color:#717189;font-size:12px}.vis-card{background:#236b27;padding:30px;border-radius:20px;margin:20px auto;width:40%;color:#fff;font-weight:100}.vis-card .card-head{display:flex;align-items:center}.vis-card .card-head i{font-size:24px;padding:16px 18px;border-radius:50%;background:#559358;margin:0 10px 0 0}.vis-card .card-head div h3{font-weight:600;font-size:16px;color:#fff}.vis-card .card-head div p{color:#fff;margin:3px 0;font-size:14px}.vis-card .card-head div span{background:#fff;color:#236b27;padding:3px 7px;font-size:11px;border-radius:7px}.vis-card hr{background:#e5e5e5;margin:20px 0}.vis-card .card-body p{color:#fff;font-size:12px}.vis-arrow{width:30%;margin:10px auto;text-align:center}.vis-arrow i{color:#236b27;font-size:20px;margin:20px 0}.vis-arrow button{padding:10px;border-radius:20px;border:none;background:#fff;color:#236b27;font-size:14px;box-shadow:0 6px 10px #c9c9c9}.vis-arrow button i{font-size:14px;margin:0 10px 0 0}.vis-arrow button.btn{padding:10px;border-radius:5px;border:none;color:#fff;background-color:#236b27;font-size:16px;box-shadow:none}.vis-cards{padding:20px;display:flex;justify-content:space-between}.vis-cards .vis-card2{background:#fff;border:1px solid #236B27;box-shadow:0 6px 10px #c9c9c9;padding:20px;border-radius:20px;width:27%;font-weight:100}.vis-cards .vis-card2 .card-head{display:flex;align-items:center}.vis-cards .vis-card2 .card-head i{font-size:24px;padding:16px 18px;border-radius:50%;background:#559358;margin:0 10px 0 0}.vis-cards .vis-card2 .card-head div h3{font-weight:600;font-size:16px;color:#236b27}.vis-cards .vis-card2 .card-head div p{color:#717189;margin:3px 0;font-size:14px}.vis-cards .vis-card2 hr{background:#e5e5e5;margin:20px 0}.vis-cards .vis-card2 .card-body p{color:#717189;font-size:12px;display:flex;justify-content:space-between;margin:3px 0;font-weight:600}.vis-cards .vis-card2 .card-body p span{color:#236b27}.vis-arrow2{width:30%;margin:10px auto;text-align:center}.vis-arrow2 i{color:#e5b82d;font-size:20px;margin:20px 0}.vis-arrow2 button{padding:10px;border-radius:20px;border:none;background:#fff;color:#000;font-size:14px;box-shadow:0 6px 10px #c9c9c9}.vis-arrow2 button i{font-size:14px;margin:0 10px 0 0}.vis-arrow2 button.btn{padding:10px;border-radius:5px;border:none;color:#236b27;background-color:#e5b82d;font-size:16px;box-shadow:none}.vis-cards2{padding:20px;display:flex;justify-content:space-between}.vis-cards2 .vis-card2{background:#fff;border:1px solid #236B27;padding:10px;border-radius:20px;box-shadow:0 6px 10px #c9c9c9;width:20%;font-weight:100}.vis-cards2 .vis-card2 .card-head{display:flex;align-items:center}.vis-cards2 .vis-card2 .card-head i{font-size:16px;padding:12px 16px;border-radius:50%;background:#fef2d5;margin:0 10px 0 0}.vis-cards2 .vis-card2 .card-head div h3{font-weight:500;font-size:14px;color:#000}.vis-cards2 .vis-card2 .card-head div p{color:#717189;margin:3px 0;font-size:12px}.vis-cards2 .vis-card2 .card-body p{color:#717189;font-size:12px;display:flex;justify-content:space-between;margin:7px 0 0;font-weight:600}.vis-cards2 .vis-card2 .card-body p span{color:#236b27}.vis-large-card{border:1px solid #559358;padding:20px;border-radius:15px;box-shadow:0 6px 10px #c9c9c9;text-align:center}.vis-large-card .cards{display:flex;gap:10px;justify-content:space-between}.vis-large-card .cards .card{background-color:#fff;text-align:center;padding:20px;width:15%;border-radius:15px;box-shadow:0 2px 4px #c9c9c9}.vis-large-card .cards .card i{padding:10px;background:#b9f8cf;color:#236b27;border-radius:50%}.vis-large-card .cards .card h3{color:#000;font-weight:200;font-size:14px;margin:10px 0 0}.vis-large-card .cards .card p{color:#717189;font-weight:200;font-size:12px;margin:5px 0 0}.vis-large-card hr{margin:20px;border:1px solid #DBEAFE}.vis-last-card{padding:20px;margin:20px auto;border:4px solid #155DFC;background:#fdfefe;border-radius:15px;width:60%;text-align:center}.vis-last-card h3{color:#155dfc;font-weight:400;font-size:22px}.vis-last-card h3 i{margin:0 10px 0 0}.vis-last-card p{font-weight:400;font-size:18px;margin:30px 0;line-height:27px;color:#000}.vis-last-card div{display:flex;gap:10px;justify-content:space-between;margin:20px 0 0}.vis-last-card div span{width:43%;font-size:12px;font-weight:100;line-height:20px;background:#f0fdf4;padding:20px;border-radius:10px}.vis-last-card div span:nth-child(2){background:#f9fff9}@media(max-width:766px){.vis-cards{display:block}.vis-cards .vis-card2{margin:10px auto;width:95%}.vis-cards2{display:block}.vis-cards2 .vis-card2{width:95%;margin:10px auto}.vis-large-card .cards{display:block;padding:0!important}.vis-large-card .cards .card{width:90%;margin:10px auto}.vis-last-card{width:90%}}.addstaff{display:flex;gap:20px;justify-content:center;padding:20px}.addstaff .col{width:75%;box-shadow:0 6px 10px #c9c9c9;background:#fff;border-radius:15px;padding:20px}.addstaff .col h3{color:#067a0c;font-size:16px;font-weight:300}.addstaff .col p{margin:3px 0 10px;font-size:12px}.addstaff .col form{margin:20px 0 0}.addstaff .col form .form-group{margin:10px 0 0}.addstaff .col form .form-group label{font-size:14px}.addstaff .col form .form-group label i{color:#067a0c;margin:0 10px 0 0}.addstaff .col form .form-group label input,.addstaff .col form .form-group label select{margin:10px 0 0;width:95%;padding:10px;border-radius:10px;border:none;background:#f3f3f5;outline:none}.addstaff .col form .form-group label select{width:99%}.addstaff .col form button{margin:20px 0 0;width:99%;border-radius:10px;border:none;padding:10px;text-align:center;background:#067a0c;color:#fff}.addstaff .col:nth-child(2){background:#f6faf6}.addstaff .col:nth-child(2) ul{margin:40px 0 0}.addstaff .col:nth-child(2) ul li{list-style-type:none;margin:12px 0;font-size:14px}.addstaff .col:nth-child(2) ul li i{color:#067a0c;margin:0 10px 0 0}@media(max-width:1023px){.addstaff{display:block}.addstaff .col{width:95%;margin:5px auto}.addstaff .col h3{color:#067a0c;font-size:16px;font-weight:300}.addstaff .col p{margin:3px 0 10px;font-size:12px}.addstaff .col form{margin:20px 0 0}.addstaff .col form .form-group{margin:10px 0 0}.addstaff .col form .form-group label{font-size:14px}.addstaff .col form .form-group label i{color:#067a0c;margin:0 10px 0 0}.addstaff .col form .form-group label input,.addstaff .col form .form-group label select{margin:10px 0 0;width:95%;padding:10px;border-radius:10px;border:none;background:#f3f3f5;outline:none}.addstaff .col form .form-group label select{width:99%}.addstaff .col form button{margin:20px 0 0;width:99%;border-radius:10px;border:none;padding:10px;text-align:center;background:#067a0c;color:#fff}.addstaff .col:nth-child(2){background:#f6faf6}.addstaff .col:nth-child(2) ul{margin:40px 0 0}.addstaff .col:nth-child(2) ul li{list-style-type:none;margin:12px 0;font-size:14px}.addstaff .col:nth-child(2) ul li i{color:#067a0c;margin:0 10px 0 0}}.fieldmng-card .topcatigory{margin:20px 0 0;display:flex;justify-content:space-around}.fieldmng-card .topcatigory a{font-size:14px;padding:30px 0;border:1px solid;display:inline-block;width:30%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:300;border-radius:15px;background:#2e7d32}.fieldmng-card .topcatigory a i{margin:0 10px 0 0}.fieldmng-card .topcatigory a:nth-child(2){background:#00a63e}.fieldmng-card .topcatigory a:nth-child(3){background:#fbc642}body.dark .fieldmng-card .topcatigory a{background:#0b472a}body.dark .fieldmng-card .topcatigory a i{margin:0 10px 0 0}body.dark .fieldmng-card .topcatigory a:nth-child(2){background:#034b07}body.dark .fieldmng-card .topcatigory a:nth-child(3){background:#fbc02d}@media(max-width:587px){.fieldmng-card .topcatigory{display:block}.fieldmng-card .topcatigory a{width:97%;margin:5px auto}.fieldmng-card .topcatigory a i{margin:0 10px 0 0}}.fieldmng-cards .topcatigory{margin:20px 0 0;display:flex;gap:10px;justify-content:space-around}.fieldmng-cards .topcatigory a{font-size:14px;padding:30px 0;border:1px solid;display:inline-block;width:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:300;border-radius:15px;background:#2e7d32}.fieldmng-cards .topcatigory a i{margin:0 10px 0 0}.fieldmng-cards .topcatigory a:nth-child(2){background:#fbc642}body.dark .fieldmng-cards .topcatigory a{background:#0b472a}body.dark .fieldmng-cards .topcatigory a i{margin:0 10px 0 0}body.dark .fieldmng-cards .topcatigory a:nth-child(2){background:#fbc61a}@media(max-width:392px){.fieldmng-cards .topcatigory{display:block}.fieldmng-cards .topcatigory a{width:100%;margin:5px auto}.fieldmng-cards .topcatigory a i{margin:0 10px 0 0}}.fieldmng-inner{display:flex;gap:10px;justify-content:center;margin:20px 0 0}.fieldmng-inner .table-card{width:70%}.fieldmng-inner .recent{width:30%;background:#fff;border-radius:15px;box-shadow:0 8px 16px #0003;padding:20px}.fieldmng-inner .recent h3{color:#00a63e}.fieldmng-inner .recent p{margin:0;font-size:10px!important}.fieldmng-inner .recent ul{padding:0 0 0 10px;margin:20px 0 0}.fieldmng-inner .recent ul li{list-style-type:circle;margin:20px 0;font-size:11px!important;font-weight:lighter}.fieldmng-inner .recent ul li span{color:#717189;font-size:10px!important}body.dark .fieldmng-inner .recent{background:#0b472a}@media(max-width:1023px){.fieldmng-inner{display:block}.fieldmng-inner .table-card{width:95%}.fieldmng-inner .recent{width:95%;margin-top:10px}.fieldmng-inner .recent h3{color:#00a63e}.fieldmng-inner .recent p{margin:0;font-size:10px!important}.fieldmng-inner .recent ul{padding:0 0 0 30px;margin:20px 0 0}.fieldmng-inner .recent ul li{margin:20px 0;font-size:11px!important;font-weight:lighter}.fieldmng-inner .recent ul li span{color:#717189;font-size:10px!important}}@media(max-width:576px){.fieldmng-inner .table-card,.fieldmng-inner .recent{width:90%}}.bg-danger{background:#ff5f5f!important;color:#fff!important}.border-danger{border:1px solid rgb(255,95,95)!important;color:#ff5f5f!important;background:transparent!important}.border-secondary{border:1px solid #717189!important;color:#717189!important;background:transparent!important}.lgaquickadd{display:flex;justify-Content:space-between;align-Items:center}.lgaquickadd a{color:#000;background:#fbc02d;padding:10px;border-radius:8px;font-Size:12px}@media(max-width:766px){.lgaquickadd{display:block}.lgaquickadd a{display:block;margin-top:10px;border-radius:20px;text-align:center}}.lgahead{display:flex;gap:10px;justify-content:space-between;margin:20px 0 0}.lgahead .col{box-shadow:0 0 9px #c2c2d1;width:45%;padding:20px;border-radius:15px;background:#fff;max-height:90vh;overflow-y:scroll}.lgahead .col h3{font-size:16px;font-weight:100;color:#067a0c}.lgahead .col p{color:#717189;font-size:14px;margin:4px 0 20px}.lgahead .col .inner{margin:10px 0 0;background:#f9fff9;padding:15px;border-radius:10px}.lgahead .col .inner h4{display:flex;justify-content:space-between;font-size:14px;color:#4f4f4f}.lgahead .col .inner h4 i{color:#067a0c;margin:0 10px 0 0}.lgahead .col .inner h4 span.active{background:#b9f8cf;color:#067a0c;font-weight:100;font-size:12px;padding:4px 8px;border-radius:5px}.lgahead .col .inner div{margin:10px 0 0;display:flex;justify-content:space-between}.lgahead .col .inner div p span{color:#4f4f4f;font-weight:400}.lgahead .col:nth-child(2) ul{padding:20px 20px 0 40px}.lgahead .col:nth-child(2) ul li h5{display:flex;justify-content:space-between;color:#717189;font-weight:lighter}.lgahead .col:nth-child(2) ul li h5 span{color:#067a0c}.lgahead .col:nth-child(2) ul li p{font-size:11px}.lgahead .col:nth-child(2) ul li::marker{color:#067a0c;font-size:30px}@media(max-width:923px){.lgahead{display:block}.lgahead .col{width:95%;margin-top:10px}.lgahead .col h3{font-size:16px;font-weight:100;color:#067a0c}.lgahead .col p{color:#717189;font-size:14px;margin:4px 0 20px}.lgahead .col .inner{margin:10px 0 0;background:#f9fff9;padding:15px;border-radius:10px}.lgahead .col .inner h4{display:flex;justify-content:space-between;font-size:14px;color:#4f4f4f}.lgahead .col .inner h4 i{color:#067a0c;margin:0 10px 0 0}.lgahead .col .inner h4 span.active{background:#b9f8cf;color:#067a0c;font-weight:100;font-size:12px;padding:4px 8px;border-radius:5px}.lgahead .col .inner div{margin:10px 0 0;display:flex;justify-content:space-between}.lgahead .col .inner div p span{color:#4f4f4f;font-weight:400}.lgahead .col:nth-child(2) ul{padding:20px 20px 0 40px}.lgahead .col:nth-child(2) ul li h5{display:flex;justify-content:space-between;color:#717189;font-weight:lighter}.lgahead .col:nth-child(2) ul li h5 span{color:#067a0c}.lgahead .col:nth-child(2) ul li p{font-size:11px}.lgahead .col:nth-child(2) ul li::marker{color:#067a0c;font-size:30px}}body.dark .lgahead .col{box-shadow:0 0 9px #000;background:#0b472a}body.dark .lgahead .col h3{color:#f0f0f0}body.dark .lgahead .col p{color:#f0f0f0a0}body.dark .lgahead .col .inner{background:#024605}body.dark .lgahead .col .inner h4{color:#f0f0f0a0}body.dark .lgahead .col .inner h4 i{color:#067a0c}body.dark .lgahead .col .inner div p span{color:#f0f0f0a0}body.dark .lgahead .col:nth-child(2) ul li h5{color:#f0f0f0}.lgabottom{box-shadow:0 0 9px #c2c2d1;margin:20px 0 0;padding:20px;border-radius:15px;background:#fff}.lgabottom h3{font-size:16px;font-weight:100;color:#067a0c}.lgabottom p{color:#717189;font-size:14px;margin:4px 0 20px}.lgabottom div{margin:40px 0 20px;display:flex;gap:10px;justify-content:space-between}.lgabottom div a{font-size:12px;font-weight:lighter;padding:14px 0;width:24%;border-radius:15px;background:#b9f8cf54;color:#000;transition:.3s;border:1px solid rgb(212,209,209);display:flex;justify-content:center;align-items:center}.lgabottom div a .fa-plus{padding:10px;margin:0 10px 0 0;background:#d4d4dd;color:#0e35a8;border-radius:5px}.lgabottom div a span{margin:0 0 0 30px}.lgabottom div a:hover{background:#034b07;color:#fff}body.dark .lgabottom{box-shadow:0 0 9px #000;background:#0b472a}body.dark .lgabottom h3,body.dark .lgabottom p{color:#ffffffa0}body.dark .lgabottom div a{color:#fff}@media(max-width:1023px){.lgabottom div{flex-wrap:wrap}.lgabottom div a{width:48%}}@media(max-width:523px){.lgabottom div{flex-wrap:wrap}.lgabottom div a{width:100%}}.warning{padding:3px 6px;border-radius:5px;background:#fddf94;color:#ad8b22}.bg-success{background:#b9f8cf;color:#067a0c;font-weight:100;font-size:12px;padding:4px 8px;border-radius:5px}.bg-danger{background:#f8c7ca;color:#e7000b;font-weight:100;font-size:12px;padding:4px 8px;border-radius:5px}.bg-warning{background:#fddf94;color:#ad8b22;font-weight:100;font-size:12px;padding:4px 8px;border-radius:5px}.clusterhead{display:flex;gap:10px;justify-content:space-between;margin:20px 0 0}.clusterhead .col{box-shadow:0 0 9px #c2c2d1;width:45%;max-height:80vh;overflow-y:scroll;padding:20px;border-radius:15px;background:#fff}.clusterhead .col h3{font-size:16px;font-weight:100;color:#067a0c}.clusterhead .col p{color:#717189;font-size:14px;margin:4px 0 20px;display:flex;justify-content:space-between}.clusterhead .col .inner{margin:10px 0 0;background:#f3f1f1;padding:15px 15px 8px;border-radius:10px;transition:.3s}.clusterhead .col .inner h4{display:flex;font-weight:100;color:#313131;justify-content:space-between}.clusterhead .col .inner div{margin:-10px 0 0;display:flex;justify-content:space-between}.clusterhead .col .inner div p{font-size:11px}.clusterhead .col .inner div button{background:transparent;padding:0 10px;border:1px solid #c2c2d1;border-radius:8px;font-size:11px}.clusterhead .col .inner div button:hover{background:#c2c2d1}.clusterhead .col .inner:hover{background:#f1f7f1}.clusterhead .col:nth-child(2) .inner{background:#f3f1f1}.clusterhead .col:nth-child(2) .inner h4{color:#313131;font-weight:100}.clusterhead .col:nth-child(2) .inner p{font-size:11px}.clusterhead .col:nth-child(2) .inner p span{margin:0 20px 0 0}.clusterhead .col:nth-child(2) .inner div{justify-content:start}.clusterhead .col:nth-child(2) .inner div p:nth-child(2){padding:3px 6px;border:1px solid #717189;color:#717189;border-radius:5px}.clusterhead .col:nth-child(2) .inner:hover{background:#f3f1f1}.clusterbottom{box-shadow:0 0 9px #c2c2d1;margin:20px 0 0;padding:20px;border-radius:15px;background:#fff}.clusterbottom h3{font-size:16px;font-weight:100;color:#067a0c}.clusterbottom p{color:#717189;font-size:14px;margin:4px 0 20px}.clusterbottom div{margin:40px 0 20px;display:flex;gap:10px;justify-content:space-between}.clusterbottom div a{font-size:14px;font-weight:lighter;padding:14px 10px;width:30%;border-radius:15px;background:#b9f8cf54;color:#000;transition:.3s;border:1px solid rgb(212,209,209)}.clusterbottom div a .fa-plus{padding:10px;margin:0 10px 0 0;background:#d4d4dd;color:#0e35a8;border-radius:5px}.clusterbottom div a span{margin:0 0 0 30px}.clusterbottom div a:hover{background:#034b07;color:#fff}body.dark .clusterhead .col{box-shadow:0 0 9px #000;background:#0b472a}body.dark .clusterhead .col h3{color:#f0f0f0a0}body.dark .clusterhead .col .inner{background:#067a0c}body.dark .clusterhead .col .inner h4{color:#f0f0f0a0}body.dark .clusterhead .col .inner:hover{background:#034b07}body.dark .clusterhead .col:nth-child(2) .inner{background:#067a0c}body.dark .clusterhead .col:nth-child(2) .inner h4{color:#f0f0f0a0}body.dark .clusterhead .col:nth-child(2) .inner div p:nth-child(2){border:1px solid #f0f0f0;color:#f0f0f0}body.dark .clusterhead .col:nth-child(2) .inner:hover{background:#034b07}body.dark .clusterbottom{box-shadow:0 0 9px #000;background:#0b472a}body.dark .clusterbottom h3{color:#f0f0f0a0}@media(max-width:895px){.clusterhead{display:block}.clusterhead .col{width:95%;margin-bottom:10px}.clusterbottom div{display:block}.clusterbottom div a{display:flex;align-items:center;width:95%;margin:10px auto}.clusterbottom div a span{margin-left:auto}.clusterbottom div a:hover{background:#034b07;color:#fff}}.sidebar-open main#main{width:80%}.sidebar-closed main#main{width:95%}@media(max-width:766px){aside.open{background:#fff;width:80%}aside.open .logout{border-top:1px solid black;padding:12px 0;border-radius:0;position:fixed;bottom:20px;width:80%}aside.open .logout a{color:red;margin-left:10px}aside.open .logout i{margin:0 10px 0 0}aside.closed{display:none}main{width:100%}main .main-section .overview-card .table-card .top-card h3{font-size:14px}main .main-section .overview-card .table-card .top-card h3 small{font-size:10px}main .main-section .overview-card .table-card .top-card a{padding:5px 10px;font-size:10px}.d-md-none{display:none}.addstaff{justify-content:center}.addstaff .col{width:85%}.sidebar-open main#main{width:100%}.sidebar-closed main#main{width:100%}}.d-none{display:none}.scrollbutton{position:fixed;bottom:20px;right:20px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:bolder;border-radius:50%;border:none;cursor:pointer;color:#f0f0f0e1;background:#034b07ee;z-index:100;overflow:hidden;animation:bounce3 2s ease-in-out infinite}.scrollbutton:hover{transform:scale(1.1);box-shadow:0 0 10px #000}.moveDown{transform:translateY(-45px);animation:bounce 2s ease-in-out infinite}.moveUp{transform:translateY(45px);animation:bounce2 2s ease-in-out infinite}@keyframes bounce3{30%{transform:scale(1.2)}50%{transform:scale(1)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bounce{to{transform:translateY(50px)}}@keyframes bounce2{to{transform:translateY(-50px)}}h2{font-size:30px!important;color:#067a0c!important}p,li{font-size:14px!important;line-height:25px!important}.statetext{text-transform:uppercase;font-size:20px!important;margin-top:10px}.partners{margin-top:40px}.partners .head{text-align:center;margin-bottom:20px}.partners img{width:90px;margin:0 10px}li{list-style-type:none}.darkmodebtn{background-color:#4f4f4f;padding:5px 30px;color:#f0f0f0;border:none;border-radius:5px}body.dark .darkmodebtn{background-color:#f0f0f0;color:#4f4f4f}body.dark aside{border:.1px solid #0f0f0f}body.dark aside .logo p{color:#fff}body.dark aside .logo p span{color:#f0f0f0}body.dark aside .ads{background:#034b07}body.dark aside .ads div p{color:#f0f0f0}body.dark aside .ads div p span{color:#f0f0f0}body.dark aside ul li a{color:#f0f0f0}body.dark aside ul li:hover{background:#4f4f4f}body.dark main nav{border:.1px solid #0f172a;background:#101d18}body.dark main nav div button{color:#f0f0f0}body.dark main nav div button:hover{background-color:#4f4f4f}body.dark main nav div h3 a{color:#f0f0f0}body.dark main .main-section{background:#0f172a}body.dark main .main-section h1{color:#f0f0f0}body.dark main .main-section p{color:#f0f0f0}body.dark main .main-section .card-alert{background:#034b07}body.dark main .main-section .card-alert h3{color:#f0f0f0}body.dark main .main-section .card-alert small{color:#f0f0f0}body.dark main .main-section .detail-card .card{border:1px solid #0F172A;background:#0b472a;box-shadow:0 13px 13px #0f172aee}body.dark main .main-section .detail-card .card:hover{box-shadow:0 13px 13px #0f172aee}body.dark main .main-section .detail-card .card p span{color:#f0f0f0}body.dark .filterbtn{background:#4f4f4f;box-shadow:0 0 10px #4f4f4f;border-left:3px solid #f0f0f0;color:#f0f0f0}body.dark main .main-section .overview-card .table-card{border:1px solid #0b472A;background:#0b472a;box-shadow:0 6px 10px #05172a}body.dark main .main-section .overview-card .table-card .top-card h3{color:#f0f0f0}body.dark main .main-section .overview-card .table-card .top-card h3 small{color:#f0f0f0}body.dark main .main-section .overview-card .table-card .top-card a{color:#f0f0f0;background:#4f4f4f}.filter-card{padding:20px;margin:20px 0 0;border-radius:15px;border:1px solid #D1D5DC;background:#fff;box-shadow:0 6px 10px #c9c9c9}.filter-card form{display:flex}.filter-card form .form-group{width:50%}.filter-card form .form-group label{font-size:14px;font-weight:600}.filter-card form .form-group label i{margin:0 10px 0 0;color:#2e7d32}.filter-card form .form-group input{width:85%;outline:none;margin:7px 0;padding:10px 20px;border-radius:15px;background:#f3f3f5;border:none}.filter-card form .form-group:nth-child(2){display:flex}.filter-card form .form-group:nth-child(2) .group-inner{width:50%}.filter-card form .form-group:nth-child(2) .group-inner select{width:85%;outline:none;margin:7px 0;padding:10px 20px;border-radius:15px;background:#f3f3f5;border:none}.filter-card button{padding:13px 20px;margin:20px 10px 0 0;border-radius:15px;background:#034b07;color:#fff;border:none}.filter-card button i{margin:0 10px 0 0}.filter-card button:nth-child(3){background:#e9ebef;color:#000}body.dark .vis-card-alert{border:1px solid #236B27;background:#236b27;box-shadow:0 6px 10px #236b27ab}body.dark .vis-card-alert h2{color:#f0f0f0!important}body.dark .vis-card .card-head div h3{color:#f0f0f0}body.dark .vis-arrow button{background:#236b27;color:#f0f0f0;box-shadow:0 6px 10px #236b27ab}body.dark .vis-arrow button i{color:#fff}body.dark .vis-cards .vis-card2{background:#236b27;box-shadow:none}body.dark .vis-cards .vis-card2 .card-head i{color:#559358;background-color:#fff}body.dark .vis-cards .vis-card2 .card-head div h3,body.dark .vis-cards .vis-card2 .card-head div p,body.dark .vis-cards .vis-card2 .card-body p,.vis-arrow2 i{color:#f0f0f0}.vis-arrow2 button{background:#e5b82d;color:#f0f0f0;box-shadow:none}body.dark .vis-cards2 .vis-card2{background:#e5b82d;border:1px solid #E5B82D;box-shadow:none}body.dark .vis-cards2 .vis-card2 .card-head i{color:#e5b82d}body.dark .vis-cards2 .vis-card2 .card-head div h3{color:#f0f0f0}body.dark .vis-cards2 .vis-card2 .card-head div p{color:#f9f9f9}body.dark .vis-cards2 .vis-card2 .card-body p,body.dark .vis-cards2 .vis-card2 .card-body p span{color:#f0f0f0}body.dark .vis-large-card{box-shadow:none}body.dark .vis-large-card .cards .card{background-color:#236b27;box-shadow:none}body.dark .vis-large-card .cards .card h3,body.dark .vis-large-card .cards .card p{color:#f0f0f0}body.dark .vis-last-card{background:#155dfc}body.dark .vis-last-card h3{color:#f0f0f0}body.dark .vis-last-card div{display:flex;justify-content:space-between;margin:20px 0 0}body.dark .vis-last-card div span{color:#155dfc}main .main-section .settings-alert{display:flex;justify-content:space-between;align-items:center;background:#067a0c;border:none;border-radius:15px;padding:20px;margin:20px 0 0}main .main-section .settings-alert div{display:flex;align-items:center}main .main-section .settings-alert div i{padding:10px 8px;font-size:26px;color:#e5b82d;border-radius:10px;background:#559359;margin:0 10px 0 0}main .main-section .settings-alert div h3{color:#fff;margin:0 0 5px;font-size:20px;font-weight:200}main .main-section .settings-alert div h3 span{background:#e5b82d;color:#236b27;padding:3px 6px;border-radius:10px;font-size:12px}main .main-section .settings-alert div h3 small{color:#fff;font-size:12px;display:block;margin:5px 0 0}main .main-section .settings-alert div h3 small i{padding:0;font-size:12px;color:#fff;border-radius:0;background:none;margin:0 10px 0 0}main .main-section .settings-alert button{padding:10px 20px;background:#fff;border-radius:15px;border:1px solid #0078D7;color:#000;font-weight:800}main .main-section .settings-alert button i{padding:3px 4px;border:1px solid black;font-size:8px;margin:0 8px 0 0}main .main-section .settings-alert button:hover{background:#eff6ff}.settings{padding:20px}.settings-buttons{padding:10px;overflow-x:scroll;background:#f5f6f8;margin:20px 0 0;border-radius:10px;display:flex}.settings-buttons a{color:#000000e3;margin:10px;padding:7px 25px;background:transparent;font-weight:600;border-radius:10px;display:flex;text-wrap:nowrap;align-items:center}.settings-buttons a i{margin:0 15px 0 0}.settings-buttons a.active{color:#067a0c;box-shadow:0 0 9px #c9c9c9;background:#fff}body.dark .addstaff .col{box-shadow:0 6px 10px #0b472a;background:#0b472a}body.dark .addstaff .col h3,body.dark .addstaff .col form .form-group label i{color:#f0f0f0}.btns div{display:flex}.viewbtn{background:#ad8b22;color:#fff;border:none;padding:6px 6px 6px 12px;border-radius:4px;cursor:pointer;margin-right:10px}.deletebtn{background:#e7000b;color:#fff;border:none;padding:6px 6px 6px 12px;border-radius:4px;cursor:pointer}.toggle-btn{background:transparent;border:none;font-size:18px;cursor:pointer}.sysAdmAside{display:flex;padding:20px;border-bottom:1px solid grey;margin-bottom:10px}.sysAdmAside i{margin-right:10px;font-size:30px;color:#067a0c}.sysAdmAside div h3{font-weight:900}.sysAdmAside div small{font-size:12px;font-weight:lighter}aside.closed .sysAdmAside{display:flex;justify-content:center}aside.closed .sysAdmAside i{margin-right:0}aside.closed .sysAdmAside div{display:none}.system-cards{display:flex;flex-wrap:wrap;justify-content:space-between}.system-cards .card{width:21%;border-radius:15px;padding:10px 15px;margin-top:10px}.system-cards .card div:nth-child(1){display:flex;justify-content:space-between;align-items:center}.system-cards .card div:nth-child(1) p,.system-cards .card div:nth-child(1) i{color:#f0f0f0}.system-cards .card div:nth-child(2){margin-top:20px}.system-cards .card div:nth-child(2) h3{font-size:40px!important;font-weight:400;color:#f0f0f0;margin:0}.system-cards .card div:nth-child(2) p{color:#f0f0f0;margin:0;font-size:12px!important}.system-cards .card:nth-child(1){background:#236b27}.system-cards .card:nth-child(2){background:#00a56e}.system-cards .card:nth-child(3){background:#00a192}.system-cards .card:nth-child(4){background:#009038}.system-cards .card:nth-child(5){background:#9d24fd}.system-cards .card:nth-child(6){background:#d89000}.system-cards .card:nth-child(7){background:#fb5700}.system-cards .card:nth-child(8){background:#564afb}.system-card-bottom{margin:30px 0;padding:20px;background:#fff;border-radius:15px;border:1px solid grey}.system-card-bottom h2{font-size:16px!important}.system-card-bottom p{margin:0 0 20px!important}.system-card-bottom div{display:flex;justify-content:space-between}.system-card-bottom div button{padding:20px;width:24%;background:#f0fdf4;border:1px solid #009038;color:#009038;border-radius:10px}.system-card-bottom div button i{width:100%;font-size:15px;margin-bottom:7px}.system-card-bottom div button:hover{background:#e3faea}@media(max-width:833px){.system-cards .card{width:45%}}@media(max-width:658px){.system-cards .card{width:42%}.system-card-bottom div{flex-wrap:wrap}.system-card-bottom div button{margin-bottom:10px;width:48%}}@media(max-width:418px){.system-cards .card{width:90%}}body.dark .system-card-bottom{background:#236b27}body.dark .system-card-bottom h2{color:#f0f0f0!important}.crop-management{background:#fff;padding:20px;border-radius:12px}.crop-form{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.crop-form input{padding:10px;border:1px solid #ddd;border-radius:8px}.crop-form button{background:#2e7d32;color:#fff;border:none;border-radius:8px;cursor:pointer}.crop-table{width:100%;border-collapse:collapse}.crop-table th,.crop-table td{border:1px solid #ddd;padding:12px}.crop-table th{background:#f5f5f5}body.dark .crop-table th{background:#236b27}.crop-table button{margin-right:10px;padding:6px 2px 6px 6px;font-size:10px;cursor:pointer;background:transparent;border:1px solid;border-radius:5px}.crop-table button:nth-child(1){color:green}.crop-table button:nth-child(2){color:red}.chat-container{height:100vh;display:flex;flex-direction:column;background:#efeae2}.chat-header{background:#075e54;padding:15px}.chat-header a{color:#fff!important;font-weight:700}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.message-row{display:flex}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-bubble{max-width:70%;padding:10px 14px;border-radius:10px;position:relative}.mine .message-bubble{background:#dcf8c6}.theirs .message-bubble{background:#fff}.message-bubble p{margin:0}.message-bubble small{display:block;text-align:right;margin-top:5px;opacity:.7;font-size:11px}.chat-footer{display:flex;padding:10px;background:#fff;border-top:1px solid #ddd}.chat-footer input{flex:1;padding:12px;border:1px solid #ccc;border-radius:25px;outline:none}.chat-footer button{width:50px;margin-left:10px;border:none;border-radius:50%;background:#25d366;color:#fff;cursor:pointer}.greenhouse-page{font-family:Arial,sans-serif;color:#1f2937}.hero{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:80px 8%;background:url(/assets/greenhouse%20banner-D4-1oO5l.jpg) no-repeat;background-size:cover;background-position:center;position:relative;overflow:hidden}.hero .overlay{position:absolute;width:100%;height:300vh;left:0;top:0;background:#000b}.hero-content{flex:1;z-index:2}.tag{display:inline-block;background:#e8f5e9;color:#2e7d32;padding:8px 15px;border-radius:30px;font-size:14px;margin-bottom:20px}.hero h1{font-size:52px;margin-bottom:20px;line-height:1.2;color:#f0f0f0}.hero p{font-size:18px;color:#b1b1b1;line-height:1.7}.hero-buttons{display:flex;gap:15px;margin-top:30px}.primary-btn{background:#2e7d32;color:#fff;padding:14px 25px;border-radius:8px;text-decoration:none}.secondary-btn{border:1px solid #2e7d32;color:#2e7d32;padding:14px 25px;border-radius:8px;text-decoration:none}.hero-image{flex:1;z-index:2}.hero-image img{width:100%;border-radius:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:60px 8%}.stat-card{background:#fff;text-align:center;padding:30px;border-radius:15px;box-shadow:0 5px 20px #00000014}body.dark .stat-card{background:#034b07;color:#f0f0f0}body.dark .stat-card h2{color:#f0f0f0!important}.stat-card h2{color:#2e7d32;font-size:38px}.features,.how-it-works,.benefits{padding:80px 8%}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:40px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}body.dark .features .section-header p{color:#f0f0f0}.feature-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 20px #00000014}body.dark .feature-card{background:#034b07}body.dark .feature-card i,body.dark .feature-card h3{color:#fff}body.dark .feature-card p{color:#f5f5f59d}.feature-card i{font-size:40px;color:#2e7d32}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{text-align:center}.step span{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;background:#2e7d32;color:#fff;border-radius:50%;margin-bottom:15px}body.dark .step p{color:#f0f0f0!important}.benefits-content{display:flex;align-items:center;gap:50px}.benefits-content img{width:50%;border-radius:20px}.benefits ul{list-style:none}.benefits li{margin:15px 0;font-size:18px}body.dark .benefits li{color:#f0f0f0}.cta{background:#034b07;color:#fff;text-align:center;padding:100px 8%}.cta h2{font-size:42px;margin-bottom:20px;color:#f0f0f0!important}.cta .primary-btn{display:inline-block;margin-top:20px;background:#fff;color:#2e7d32}@media(max-width:768px){.hero,.benefits-content{flex-direction:column}.hero h1{font-size:36px}.stats,.steps{grid-template-columns:1fr}.benefits-content img{width:100%}}.farmer-registration{max-width:700px;margin:auto;padding:20px}.form-card,.credentials-card{background:#10b98126;padding:25px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 15px #00000014}.form-card h2{margin-bottom:20px}.form-card form{display:flex;flex-direction:column;gap:15px}.form-card input{padding:14px;border:1px solid #ddd;border-radius:8px}.form-card button{background:#0c8f45;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer}.credentials-card{border-left:5px solid #0c8f45}.warning{margin-top:15px;color:red;font-weight:700}.error-card{background:#ffe5e5;color:#b00020;padding:12px;border-radius:8px;margin-bottom:15px}.dashboard{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 3px 10px #00000014}.search-box{margin-bottom:20px}.search-box input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#10b98126}th,td{padding:14px;border-bottom:1px solid rgba(16,185,129,.15)}th{background:#021b1326}.active{color:green;font-weight:700}.suspended{color:red;font-weight:700}button{margin:2px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal{background:#061410;width:500px;max-width:90%;padding:25px;border-radius:12px}