/* style.css - central styles */
:root{
  --primary:#004a99;
  --primary-600:#0066cc;
  --muted:#666;
  --card-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

body{
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  background:#f6f7f9;
  color:#222;
  -webkit-font-smoothing:antialiased;
}

.site-main{ padding-top: 1rem; }

/* Hero */
.hero {
  background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url('imgs/bg.png') center/cover no-repeat;
  color: #fff;
  min-height: 62vh;
  display:flex;
  align-items:center;
}
.hero .lead{ color: rgba(255,255,255,0.9); }

/* Cards and services */
.card-service, .card {
  border-radius:12px;
  box-shadow: var(--card-shadow);
  transition: transform .28s ease, box-shadow .28s ease;
  background:#fff;
}
.card-service:hover, .card:hover{
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* Fade-in */
.fade-in { opacity:0; transform:translateY(18px); transition: opacity .6s, transform .6s; }
.fade-in.show { opacity:1; transform:translateY(0); }

/* Service images (uniform) */
.service-img-wrap { overflow:hidden; border-radius:10px; }
.service-img {
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
  transition: transform .35s ease;
}
.card-service:hover .service-img{ transform: scale(1.04); }

@media (max-width:767px){
  .service-img { height:160px; }
}

/* Titles/buttons */
h2, h3, h4, h5 { color: var(--primary); }
.btn-primary { background: var(--primary); border-color: var(--primary); }
.btn-primary:hover { background: var(--primary-600); border-color: var(--primary-600); }

/* Contact form */
.form-control:focus { box-shadow: none; border-color: var(--primary-600); }

/* Utility */
.text-muted { color: var(--muted) !important; }