/* ---------- COLORS ---------- */
:root{
    --dc-dark:   #003373;  /* navbar & buttons */
    --dc-dark-2: #002453; /* hover */
    --dc-yellow: #fcbf16;
    --gradient-start:#fcd94f;
    --gradient-end:#fffbe9;
  }
  
  /* ---------- NAVBAR ---------- */
  #mainNavbar{
    background: var(--dc-dark);
  }
  #mainNavbar .nav-link{
    color:#fff;
    font-weight:500;
    margin-left:.3rem;
  }
  #mainNavbar .nav-link:hover,
  #mainNavbar .nav-link.active{
    color:var(--dc-yellow);
  }
  
  /* ---------- HERO SECTION ---------- */
  .hero{
    min-height:100vh;
    padding-top:110px; /* accounts for fixed navbar */
    /*background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);*/
    background: linear-gradient(135deg, #6f7bdb9e 0%, var(--gradient-end) 100%);
    color:var(--dc-dark);
  }
  .hero .btn-primary{
    background:var(--dc-dark);
    border:none;
  }
  .hero .btn-primary:hover{
    background:var(--dc-dark-2);
  }
  
  /* ---------- SECTIONS ---------- */
  section{
    scroll-margin-top:85px; /* smooth-scroll anchor offset */
  }
  
  /* Service cards */
  .service-card{
    background:#fff;
    border-radius:12px;
    transition:.3s;
  }
  .service-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
  }
  
  /* Team cards */
  .team-card{
    background:#fff;
    border-radius:12px;
    transition:.3s;
  }
  .team-card:hover{
    box-shadow:0 6px 18px rgba(0,0,0,.07);
  }
  .team-img{
    width:110px;
    height:110px;
    object-fit:cover;
    border:4px solid var(--dc-yellow);
  }
  
  /* Footer */
  footer{
    background:var(--dc-dark);
  }
  
  /* ---------- Features cards ---------- */
.feature-card{
    background:#fff;
    border-radius:12px;
    transition:.3s;
  }
  .feature-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
  }
  
  
  .footer-offices {
  background-color: #002244;
  color: #fff;
}
.footer-offices h6 {
  color: #ffc107;
  font-size: 1rem;
}
.footer-offices p {
  font-size: 0.9rem;
  margin-bottom: 4px;
}
