body {
  font-family: "Segoe UI", sans-serif;
}

.navbar {
  background: #1c4c94;
}
.nav-link{
  color:#fff;
}

.hero-section {
  height: 100vh;
  background:
  linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
  url("../images/banner.jpg");
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.service-card {
  background: #fff;
  padding: 30px;
  text-align: center;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: 0.3s;
}

.service-card i {
  font-size: 40px;
  color: #1c4c94;
  margin-bottom: 15px;
}

.service-card:hover {
  transform: translateY(-10px);
}

.contact-form {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

footer {
  background: #1c4c94;
  color: #fff;
  padding: 15px 0;
}

.image-placeholder {
  height: 250px;
  background: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}