:root{--accent:#2F7A46;--accent2:#6DBB7A;--warm:#B97A40;--muted:#6b6b6b;--bg:#fbfaf7}
    body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;margin:0;background:var(--bg);color:#111}
    header{background:#fff;border-bottom:1px solid #eee;padding:14px 0}
    .container{max-width:980px;margin:0 auto;padding:18px}
    .brand{display:flex;align-items:center;gap:12px}
    .brand img{height:56px}
    nav{margin-left:auto}
    nav a{margin-left:14px;color:var(--accent);text-decoration:none;font-weight:600;transition:color .2s}
    nav a:hover{color:var(--accent2);}
    h1,h2{color:var(--accent)}
    .lead{color:var(--muted)}
    .card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.04);margin-bottom:16px;}
    .btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:600}
    footer{background:#fff;border-top:1px solid #eee;padding:18px 0;margin-top:24px}
    .socials a{/*margin-right:8px;*/color:var(--accent);text-decoration:none}
    /* floating whatsapp button */
    .whatsapp-float{position:fixed;right:18px;bottom:132px;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#fff;border-radius:999px;padding:12px 16px;box-shadow:0 6px 18px rgba(0,0,0,0.12);text-decoration:none;font-weight:700;z-index:9999}
    input,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6e6e6;margin-top:8px;box-sizing: border-box;}
    button{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;border:none;cursor:pointer}
    .muted{color:var(--muted);font-size:14px}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    
	/* Desktop & Mobile Nav */
	.menu-toggle {display:none;background:none;border:none;color:var(--accent);font-size:20px;font-weight:600;cursor:pointer;margin-left:auto;}
	.mobile-nav {display:none;flex-direction:column;margin:0 auto;max-width:980px;padding:0 18px;}
	.mobile-nav a {padding:10px 0;border-top:1px solid #eee;color:var(--accent);text-decoration:none;font-weight:600;}
	.mobile-nav a:hover{background:var(--accent2);color:#fff;}
	.mobile-nav.open{display:flex;}
	@media (max-width: 900px) {
	  .grid{grid-template-columns:1fr;}
	  .desktop-nav{display:none;}
	  .menu-toggle{display:block;}
	}
	

textarea {
  height: 150px; /* fixed height for textarea */
  
}

.card:has(.card-img-left) {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Style the side image */
.card-img-left {
  border-radius: 8px;
  flex-shrink: 0;
}

.card p {
  margin: 4px 0 0;
}

/* Base tag style */
.tag {
  display: inline-block;
  background-color: #e8f5e9;     /* light green background */
  color: #2e7d32;                /* dark green text */
  font-weight: 600;
  font-size: 0.85rem;
  padding: 4px 10px;
  border-radius: 999px;          /* pill shape */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  margin: 4px 6px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.tag:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Optional color variations */
.tag.orange {
  background-color: #fff3e0;
  color: #e65100;
}

.tag.blue {
  background-color: #e3f2fd;
  color: #1565c0;
}

.tag.red {
  background-color: #ffebee;
  color: #c62828;
}