body{margin:0;font-family:Arial,sans-serif;color:#333}
header{display:flex;justify-content:space-between;align-items:center;background:#135048;color:#fff;padding:15px 40px}
nav a{color:#fff;margin-left:20px;text-decoration:none}

.slider{position:relative;height:420px;overflow:hidden}
.slides{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0}
.slides:nth-child(1){animation:fade 12s infinite}
.slides:nth-child(2){animation:fade 12s infinite 4s}
.slides:nth-child(3){animation:fade 12s infinite 8s}
@keyframes fade{0%{opacity:0}10%{opacity:1}30%{opacity:1}40%{opacity:0}100%{opacity:0}}
.slider-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.5);padding:25px;text-align:center;border-radius:6px}
.btn{background:#0b6fa4;color:#fff;padding:12px 20px;text-decoration:none;border-radius:5px}
section{padding:50px 40px}
#services {
  padding: 50px 40px;
}

.services {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}

.service-box {
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 25px;
  border-radius: 8px;
  transition: 0.3s;
}

.service-box h3 {
  color: #0b6fa4;
  margin-bottom: 10px;
}

.service-box:hover {
  box-shadow: 0 8px 18px rgba(0,0,0,0.1);
  transform: translateY(-5px);
}

.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{border:1px solid #ddd;padding:20px;border-radius:8px;background:#fff}
.mv-section{background:#f9f9f9}
.mv-box{background:#fff;border-left:5px solid #0b6fa4;padding:25px;margin-bottom:20px;border-radius:6px}
.mv-box h3{color:#0b6fa4}
.faq-item h4{cursor:pointer;background:#f2f2f2;padding:15px}
.faq-item p{display:none;padding:15px}
footer{background:#222;color:#fff;text-align:center;padding:20px}