/* ===== Custom Styles ===== */
:root {
  --brand:#0a3d62;
  --accent:#00c853;
  --ink:#1b1f24;
  --muted:#6c757d;
  --bg:#f5f7fb;
  --card:#ffffff;
  --radius:1.2rem;
  --shadow:0 10px 30px rgba(2,19,79,.08);
}
*{box-sizing:border-box;}
html,body{scroll-behavior:smooth;}
body {
  font-family:"Segoe UI", system-ui, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:var(--bg);
}
.navbar {
  background:linear-gradient(90deg, var(--brand), #072b4f);
}
.navbar .nav-link, .navbar .navbar-brand { color:#fff !important; }
.navbar .nav-link.active { font-weight:700; border-bottom:2px solid #fff; }
.logo {
  height:40px;
}

/* Buttons */
.btn-brand {
  background:var(--accent);
  border:none;
  color:#fff;
  padding:.8rem 1.2rem;
  border-radius:.8rem;
  box-shadow:var(--shadow);
}
.btn-outline-brand {
  border:2px solid #fff; color:#fff;
  padding:.8rem 1.2rem;
  border-radius:.8rem;
}

/* Carousel */
.hero-slider { position:relative; }
.carousel-item { position:relative; }
.slider-img {
  height:70vh;
  object-fit:cover;
}
.carousel-item::before {
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(60% 50% at 70% 40%, rgba(0,200,83,.25), transparent 60%),
    linear-gradient(rgba(10,61,98,.65), rgba(7,43,79,.85));
  z-index:1;
}
.carousel-caption {
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
  z-index:2;
}
.carousel-caption h1,
.carousel-caption p {
  color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,.6);
}

/* Sections */
.section-title { font-weight:800; letter-spacing:.3px; }
.card {
  border:0; border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.card img {
  border-top-left-radius:var(--radius);
  border-top-right-radius:var(--radius);
  height:220px;
  object-fit:cover;
}
.kpis .kpi {
  padding:1.2rem; background:var(--card);
  border-radius:1rem;
  box-shadow:var(--shadow);
  text-align:center;
}

#core-business .business-icon {
  width: 60px;
  height: 60px;
  object-fit: contain;
  background: var(--brand);
  padding: 10px;
  border-radius: 50%;
  box-shadow: var(--shadow);
  transition: transform .3s ease;
}
#core-business .card:hover .business-icon {
  transform: scale(1.1);
}


/* ===== Footer ===== */
footer {
  background: linear-gradient(180deg, #072b4f, #051c33);
  color: #dfe8f3;
  padding: 3rem 0 2rem;
  margin-top: 4rem;
}

footer h5 {
  color: #1e90ff; /* blue for section titles */
  font-weight: 700;
  margin-bottom: 1rem;
}

footer p, 
footer a {
  color: #cfd8e3;
  font-size: 0.95rem;
}

footer a {
  text-decoration: none;
  transition: color 0.3s ease;
}

footer a:hover {
  color: #00c853; /* accent green on hover */
}

.social-icons a img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  margin-right: .5rem;
  filter: brightness(0) invert(1); /* Makes icons white */
  transition: all .3s ease;
}

.social-icons a img:hover {
  filter: brightness(0) invert(1) drop-shadow(0 0 6px var(--accent));
}

footer .footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: 2rem;
  padding-top: 1rem;
  text-align: center;
  font-size: 0.9rem;
  color: #a0aec0;
}

/* ===== Footer Grid Layout ===== */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2rem;
}

.footer-col ul {
  list-style: none;
  padding: 0;
}

.footer-col ul li {
  margin-bottom: 0.5rem;
}