* {
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
:root {
  --primary-color: #1e3a5f;
  --secondary-color: #8b1e3f;
  --accent-color: #d4b483;
  --light-bg: #f8f9fa;
  --dv-midnight: #0e1c2e;
  --dv-burgundy: #7a1e3a;
  --dv-sand: #e9ddc9;
  --dv-slate: #3b5164;
  --dv-paper: #faf8f5;
}
body {
  font-family: "Segoe UI", sans-serif;
  background-color: var(--light-bg);
}
header {
  background: var(--primary-color);
  color: white;
  padding: 6rem 0;
  text-align: center;
  background-image: linear-gradient(
      to right,
      rgba(30, 58, 95, 0.95),
      rgba(30, 58, 95, 0.85)
    ),
    url("assets/img/hero.jpg");
  background-size: cover;
  background-position: center;
}
header h1 {
  font-weight: bold;
}
.btn-primary {
  background-color: var(--secondary-color);
  border: none;
}
.btn-primary:hover {
  background-color: #a12b53;
}
.service-card {
  border: none;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 2rem;
  text-align: center;
}
.service-card {
  border: none;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 1.75rem;
}
.service-card .bi {
  vertical-align: middle;
}
.dv-nav{
  background: linear-gradient(90deg,var(--dv-midnight), #17314c);
}
.dv-nav .nav-link{
  color:#e8edf3;
  transition: .15s ease;
}
.dv-nav .nav-link:hover, .dv-nav .nav-link.active{
  color:#fff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.btn-brand{
  background:var(--dv-burgundy);
  color:#fff;
  border:none;
  border-radius:14px;
  padding:.55rem .9rem;
}
.btn-brand:hover{ background:#5e162c; color:#fff; }

/* Footer */
.dv-footer{ background:#fff; }
.dv-footer .dv-link{ color:#111; text-decoration:none; border-bottom:1px solid transparent; padding-bottom:1px; }
.dv-footer .dv-link:hover{ color:var(--dv-burgundy); border-bottom-color:var(--dv-burgundy); }
.dv-footer .dv-social{ color:#111; }
.dv-footer .dv-social:hover{ color:var(--dv-burgundy); }
.dv-footer .link-muted{ color:#111; text-decoration:none; }
.dv-footer .link-muted:hover{ color:var(--dv-burgundy); }
.text-accent{ color:var(--dv-sand) !important; }

footer {
  background: var(--primary-color);
  color: white;
  padding: 2rem 0;
}
footer a {
  color: var(--accent-color);
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}