* {
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
:root {
  --primary-color: #0b2c3d;
  --accent-color: #d4af37;
  --bg-light: #f8f9fa;
}

body {
  font-family: "Segoe UI", sans-serif;
  background-color: var(--bg-light);
  color: #212529;
}

.navbar {
  background-color: var(--primary-color);
}

.navbar-brand,
.nav-link {
  color: white !important;
}
.navbar-nav .nav-link {
  color: white !important;
  transition: color 0.3s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: var(--accent-color, #ffd700) !important;
}

.hero {
  background: linear-gradient(to right, #0b2c3d, #145374);
  color: white;
  padding: 100px 0;
}

.hero h1 {
  font-size: 3rem;
  font-weight: 700;
}

.btn-gold {
  background-color: var(--accent-color);
  color: #fff;
  border: none;
}

.btn-gold:hover {
  background-color: #b48e2b;
}

.icon-box {
  background: white;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

.icon-box:hover {
  transform: translateY(-5px);
}

.footer {
  background-color: var(--primary-color);
  color: white;
  padding: 30px 0;
}

.footer a {
  color: #ccc;
  text-decoration: none;
}

.footer a:hover {
  color: white;
}