body {
      font-family: 'Segoe UI', sans-serif;
    }
    .navbar {
      background-color: #f5f0ef;
    }
    .navbar-nav .nav-link {
      color: #2a2a2a;
      font-weight: 600;
      margin-right: 1rem;
      position: relative;
      font-size: 22px;
      text-transform: uppercase;
    }
    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link:hover {
      color: #f29120;
    }
    .navbar-nav .nav-link.active::after,
    .navbar-nav .nav-link:hover::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #f29120;
      left: 0;
      bottom: -5px;
    }
    .btn-custom {
      background-color: #f29120;
      color: #000;
      font-weight: 600;
      border-radius: 30px;
      padding: 8px 20px;
    }
    .btn-custom:hover {
      background-color: #e48010;
      color: #fff;
    }
    .approach-section {
      background-color: #111;
      color: white;
    }
    .approach-section h3 {
      color: #f29120;
      font-weight: 700;
    }
    .vision-section {
      background-color: #111;
      color: white;
    }
    .vision-section h2 {
      color: #f29120;
      font-weight: 700;
    }
    h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}

.bg-dark {
  background-color: #111 !important;
}

.text-warning {
  color: #f29120 !important;
}

.shadow-lg {
  box-shadow: 8px 8px 0px #c2a94e;
}
footer a:hover {
  color: #f29120 !important;
}
.text-warning {
  color: #f29120 !important;
}
h2 {
  font-weight: 700;
}
.navbar-brand img {
  height: 80px;
  width: auto;
  object-fit: contain;
}
 .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -40px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.card {
  border: none;
  padding-top: 40px;
  position: relative;
}

.card h5 {
  margin-top: 20px;
}

.card p {
  font-size: 0.95rem;
  line-height: 1.6;
}