:root {
    --color-navy: #002147;
    --color-gold: #F4B41A;
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    font-family: var(--font-primary);
    background-color: #F4F8FF;
}

.text-navy { color: var(--color-navy) !important; }
.text-gold { color: var(--color-gold) !important; }
.bg-navy { background-color: var(--color-navy) !important; }
.bg-gold { background-color: var(--color-gold) !important; }

/* Page Banner */
.page-title-area {
    background: #021061;
                /* url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1920&q=80') center/cover; */
    padding: 50px 0;
}



/* Custom Borders & Shadows */
.border-gold-thick {
    border-bottom: 8px solid var(--color-gold);
    border-right: 8px solid var(--color-gold);
}

/* Vision/Mission Cards */
.vm-card {
    background-color: rgba(255, 255, 255, 0.05);
    border-left: 4px solid var(--color-gold);
    transition: all 0.3s ease;
}
.vm-card:hover {
    background-color: rgba(255, 255, 255, 0.1);
    transform: translateY(-5px);
}

/* Expertise Cards */
.expertise-card {
    border-bottom: 4px solid transparent !important;
    transition: all 0.3s ease;
}
.expertise-card:hover {
    border-bottom: 4px solid var(--color-gold) !important;
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

.expertise-card:hover i {
    color: var(--color-gold) !important;
}



/* ================= FOOTER BOTTOM BAR ================= */

/* Bottom section background */
.footer-bottom-bar {
  background: #021061;  /* Brand Dark */
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 40px 0;
  color: #aaa;
}

/* ================= SOCIAL ICONS ================= */

.footer-social-icons {
  margin-bottom: 18px;
}

/* Individual icon circle */
.footer-social-icons a {
  width: 42px;
  height: 42px;

  background: rgba(255,255,255,0.08); /* Softer & cleaner */
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  margin: 0 8px;

  color: #f4f8ff;
  font-size: 18px;

  transition: all 0.3s ease;
}

/* Hover effect */
.footer-social-icons a:hover {
  background: #4AAFFA;   /* Brand Accent */
  color: #021061;
  transform: translateY(-4px); /* Premium hover lift */
}

/* ================= COPYRIGHT ================= */

.copyright-text {
  font-size: 13px;
  margin: 0;
  opacity: 0.7;
}

/* mobile responsive section */

@media (max-width: 576px) {

  .footer-social-icons a {
    width: 36px;
    height: 36px;
    font-size: 16px;
    margin: 0 6px;
  }

  .copyright-text {
    font-size: 12px;
  }

}