body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.navbar .nav-link.active { font-weight: 600; }
.company-hero { background: #ffffff; border: 1px solid #eef2f7; }
.logo-img { max-height: 48px; width: auto; }
.logo-card { max-height: 36px; width: auto; }
.hero-banner { width: 100%; height: auto; border-radius: 1rem; border: 1px solid #eef2f7; }


:root {
  --gg-accent: #0ea5e9;
  --gg-accent-2: #22c55e;
}
body {
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(14,165,233,.15) 0%, rgba(14,165,233,0.08) 25%, transparent 55%),
    linear-gradient(180deg, #f8fafc, #ffffff);
}
.home-hero {
  background: linear-gradient(135deg, rgba(14,165,233,.15), rgba(34,197,94,.12));
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
}
.btn-accent { background: var(--gg-accent); color: #fff; border: none; }
.btn-accent:hover { filter: brightness(.95); color: #fff; }
.carousel .carousel-item img { border-radius: 1rem; border: 1px solid #e2e8f0; }



/* Brand button accents */
.btn-brand-gani-bros { background:#E9C46A; color:#111827; border:1px solid #E9C46A; }
.btn-brand-gani-bros:hover { filter: brightness(.95); color:#111827; }

.btn-brand-kit-kat-group { background:#E53935; color:#fff; border:1px solid #E53935; }
.btn-brand-kit-kat-group:hover { filter: brightness(.95); color:#fff; }

.btn-brand-anbra-properties { background:#EF5350; color:#fff; border:1px solid #EF5350; }
.btn-brand-anbra-properties:hover { filter: brightness(.95); color:#fff; }

.btn-brand-african-group-brands { background:#B71C1C; color:#fff; border:1px solid #B71C1C; }
.btn-brand-african-group-brands:hover { filter: brightness(.95); color:#fff; }

.btn-brand-baena-capital { background:#5E5C83; color:#fff; border:1px solid #5E5C83; }
.btn-brand-baena-capital:hover { filter: brightness(.95); color:#fff; }

.btn-brand-ayesha-investments-uk { background:#1976D2; color:#fff; border:1px solid #1976D2; }
.btn-brand-ayesha-investments-uk:hover { filter: brightness(.95); color:#fff; }

.btn-brand-afresources-mining-group { background:#B8860B; color:#fff; border:1px solid #B8860B; }
.btn-brand-afresources-mining-group:hover { filter: brightness(.95); color:#fff; }

.btn-brand-falcon-risk-solution { background:#37474F; color:#fff; border:1px solid #37474F; }
.btn-brand-falcon-risk-solution:hover { filter: brightness(.95); color:#fff; }



/* === Brand theming === */
.navbar.brand-dark { background:#0b1220 !important; }
.navbar.brand-dark .nav-link, .navbar.brand-dark .navbar-brand { color:#e2e8f0 !important; }
.navbar.brand-dark .nav-link.active, .navbar.brand-dark .nav-link:hover { color:#ffffff !important; }

.footer.brand-dark { background:#0b1220; color:#cbd5e1; }
.footer.brand-dark a { color:#94a3b8; text-decoration:none; }
.footer.brand-dark a:hover { color:#ffffff; }

/* Company accent backgrounds */
.company-hero.company-accent-gani-bros { background: linear-gradient(135deg, #fff7e0, #ffffff); }
.company-hero.company-accent-kit-kat-group { background: linear-gradient(135deg, #ffe3e2, #ffffff); }
.company-hero.company-accent-anbra-properties { background: linear-gradient(135deg, #ffe7e7, #ffffff); }
.company-hero.company-accent-african-group-brands { background: linear-gradient(135deg, #ffd8d8, #ffffff); }
.company-hero.company-accent-baena-capital { background: linear-gradient(135deg, #ecebff, #ffffff); }
.company-hero.company-accent-ayesha-investments-uk { background: linear-gradient(135deg, #e3f2ff, #ffffff); }
.company-hero.company-accent-afresources-mining-group { background: linear-gradient(135deg, #fff2cf, #ffffff); }
.company-hero.company-accent-falcon-risk-solution { background: linear-gradient(135deg, #e5edf1, #ffffff); }



/* Homepage background image */
.home-hero.bg-image {
  background: url('assets/img/bg/home-hero.jpg') center/cover no-repeat;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  color: #0b1220;
}
.home-hero.bg-image .overlay {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(2px);
  border-radius: 1rem;
}
.team-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: .75rem;
  border: 1px solid #e5e7eb;
}



/* Homepage background */
.home-hero-image {
  position: relative;
  background-image: url('../img/home-bg.jpg');
  background-size: cover;
  background-position: center;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}
.home-hero-image::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.92));
}
.home-hero-inner { position: relative; padding: 3rem; }

/* Team section */
.team-card {
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  overflow: hidden;
  background: #ffffff;
}
.team-card img {
  width: 100%;
  height: auto;
  display: block;
}
.team-card .info { padding: 1rem; }
.team-name { font-weight: 600; margin-bottom: .25rem; }
.team-role { color: #6b7280; font-size: 0.95rem; }