body {
   font-family: "Source Sans Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    background: #f5f7fa;
     color: #222; 
    }

  .navbar{
    background-color: #000a27;
  }

    .navbar .nav-link{
    color: white;
  }

.hero {
  background: linear-gradient(0deg, rgba(1, 53, 99, 0.85), rgba(0, 53, 99, 0.85)), url('images/roof-bg.jpg') center/cover no-repeat;
  padding: 6rem 0; 
  margin-bottom: 1rem;
}

.btn{
  background-color: rgb(199, 136, 2);
  color: white;
}

.btn:hover{
  background-color: rgb(199, 2, 94);
  color: rgb(250, 173, 6);
}
.product-card img { height: 180px; 
  object-fit: cover; 
  border-radius: 8px 8px 0 0; 
}

.product-card {
   border-radius: 12px; 
  overflow: hidden; }

.contact-btn { 
  border-radius: 40px; 
  padding: 10px 18px;
 }

.card .card-body { display: flex; 
  flex-direction: column; 
}

@media (max-width: 768px){
  .hero { padding: 4rem 1rem; }
  .navbar-brand img { height: 38px; }
}