body{margin:0;font-family:Arial,sans-serif;color:gold}
.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0f3d2e;color:gold;position:sticky;top:0}
.logo{font-weight:bold}
nav{display:flex;align-items:center}
nav a{color:#fff;margin:0 10px;text-decoration:none}
.hamburger{display:none;flex-direction:column;cursor:pointer}
.hamburger span{height:3px;width:25px;background:#fff;margin:4px 0}
.dropdown{position:relative}
.dropdown-content{display:none;position:absolute;background:#0f3d2e(51, 100%, 39%);top:30px;min-width:200px}
.dropdown-content a{display:block;padding:10px}
.dropdown:hover .dropdown-content{display:block}
.hero,.hero-service{background:linear-gradient(135deg,#0f3d2e,#0f3d2e);color:gold;padding:90px 20px;text-align:center}
.section{max-width:1000px;margin:60px auto;padding:20px;line-height:1.7}
.footer{text-align:center;background:#0f3d2e;padding:20px}
.whatsapp{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;padding:15px;border-radius:50px;text-decoration:none}
.fade-in{animation:fade 1.5s}
@keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:768px){
nav{display:none;flex-direction:column;position:absolute;right:0;top:60px;background:#0f3d2e;width:220px}
.hamburger{display:flex}
.dropdown-content{position:static}
}

.slider-section{
  background:#0f3d2e;
  padding:40px 0;
}
.slider{
  overflow:hidden;
}
.slide-track{
  display:flex;
  width:calc(250px * 8);
  animation:scroll 20s linear infinite;
}
.slide{
  width:250px;
  padding:10px;
}
.slide img{
  width:100%;
  border-radius:15px;
  border:3px solid gold;
}
@keyframes scroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(calc(-250px * 4));}
}