: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; }

/* ================= ABOUT HEADER ================= */
.about-header-section {
  background: linear-gradient(135deg, #021061 0%, #0a1f8a 60%, #021061 100%);
  padding: 130px 0 90px;
  color: white;
  position: relative;
  overflow: hidden;
}

.about-header-section::before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(74,175,250,0.12) 0%, transparent 70%);
  top: -100px;
  right: -100px;
  pointer-events: none;
}

.about-header-section::after {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(74,175,250,0.08) 0%, transparent 70%);
  bottom: -50px;
  left: -50px;
  pointer-events: none;
}

.about-title {
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 15px;
  background: linear-gradient(90deg, #fff, #4AAFFA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: fadeInDown 0.8s ease both;
}

.about-subtitle {
  font-size: 18px;
  color: rgba(244,248,255,0.88);
  opacity: 0.95;
  animation: fadeInUp 0.9s ease 0.2s both;
}




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

.border-gold-left {
    border-left: 4px solid var(--color-gold);
}

.border-gold-right {
    border-right: 4px 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;
}

/* Team Images */
.team-img {
    width: 100%;
    max-width: 400px;
    height: 500px;
    object-fit: cover;
    object-position: top;
    transition: all 0.5s ease;
}

.team-img:hover {
    transform: scale(1.02);
}

@media (max-width: 991px) {
    .team-img {
        max-width: 340px;
        height: 420px;
    }
}



/* ================= 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;
  }

}