* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Poppins', sans-serif; color:#333; }

/* Header */
header { position:fixed; width:100%; top:0; background:white; display:flex; justify-content:space-between; align-items:center; padding:15px 8%; box-shadow:0 2px 10px rgba(0,0,0,0.1); z-index:1000; }
.logo { font-weight:700; font-size:18px; color:#1b8f4d; }
header nav { display:flex; align-items:center; }
.nav-list { list-style:none; display:flex; align-items:center; }
.nav-list li { margin:0 10px; }
.nav-list li a { text-decoration:none; color:#333; font-weight:500; }
.nav-btn { background:#1b8f4d; color:white; border:none; padding:8px 18px; border-radius:20px; cursor:pointer; }

/* Hamburger Menu */
.menu-toggle { display:none; flex-direction: column; cursor: pointer; }
.menu-toggle .bar { height:3px; width:25px; background:#1b8f4d; margin:4px 0; border-radius:2px; }

/* Responsive Navigation */
@media screen and (max-width: 768px) {
  .nav-list { 
    position: fixed;
    top: 65px;
    right: -100%;
    width: 200px;
    height: calc(100% - 65px);
    background: white;
    flex-direction: column;
    align-items: flex-start;
    padding:20px;
    transition: right 0.3s ease;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
  }
  .nav-list.active { right:0; }
  .nav-list li { margin:20px 0; width:100%; }
  .menu-toggle { display:flex; }
}

/* Slideshow */
.slideshow { margin-top:80px; height:100vh; position:relative; overflow:hidden; }
.slide { position:absolute; width:100%; height:100%; background-size:cover; background-position:center; display:flex; justify-content:center; align-items:center; opacity:0; transition:opacity 1s ease-in-out; }
.slide.active { opacity:1; }
.overlay { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); }
.content { position:relative; color:white; text-align:center; max-width:700px; }
.content h1 { font-size:42px; margin-bottom:20px; }
.content p { margin-bottom:30px; }
.btn { background:#28a745; color:white; padding:12px 28px; border-radius:30px; border:none; cursor:pointer; }

/* Services */
.services { padding:80px 8%; text-align:center; background:#f4f7f4; }
.services h2 { margin-bottom:40px; color:#1b8f4d; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:25px; }
.card { background:white; padding:30px; border-radius:10px; box-shadow:0 5px 20px rgba(0,0,0,0.08); transition:0.3s; }
.card:hover { transform:translateY(-5px); }

/* About */
.about { padding:80px 8%; text-align:center; }
.about h2 { margin-bottom:20px; color:#1b8f4d; }

/* Contact */
.contact { padding:60px 8%; text-align:center; background:#f4f7f4; }

/* Footer */
footer { background:#145c32; color:white; text-align:center; padding:20px; }

/* Popup */
.popup {
  display:none; /* hidden by default */
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.6);
  justify-content:center; align-items:center;
  z-index:2000;
}
.popup-content {
  background:white; padding:30px; width:90%; max-width:400px; border-radius:10px; text-align:center; position:relative;
}
.popup-content input, .popup-content select { width:100%; padding:10px; margin:10px 0; }
.close { position:absolute; top:10px; right:15px; font-size:24px; cursor:pointer; }

/* WhatsApp Floating Button */
.whatsapp {
  position:fixed; bottom:20px; right:20px; width:60px; height:60px; border-radius:50%; overflow:hidden;
  box-shadow:0 4px 10px rgba(0,0,0,0.3); cursor:pointer; transition: transform 0.2s, box-shadow 0.2s; z-index:1000;
}
.whatsapp img { width:100%; height:100%; object-fit:cover; }
.whatsapp:hover { transform:scale(1.1); box-shadow:0 6px 15px rgba(0,0,0,0.4); }