body {
  font-family: 'Poppins', sans-serif;
  background-color: #f4f7fb;
  color: #333;
}

.hero {
  background: linear-gradient(to right, #0f2027, #032C49);
  color: white;
}

.navbar {
  background-color: #fff;
}
.navbar, .navbar-brand {
  height: 80px;
  margin: 0px;
}

.navbar .nav-link {
  color: #124486 !important;
  font-weight: 500;
}

.navbar .dropdown-menu {
  background-color: #1b5cb1;
  border: none;
}

.navbar .dropdown-item {
  color: white;
}

.navbar .dropdown-item:hover {
  background-color: #216bcc;
}

.btn-light {
  background-color: #ffffff;
  color: #1b5cb1;
  font-weight: 600;
  border-radius: 10px;
  padding: 10px 25px;
  transition: 0.3s;
}

.btn-light:hover {
  background-color: #e9f0fb;
  color: #124486;
}

.card {
  border: none;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

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

.card-title {
  color: #216bcc;
}

.alert {
  margin-bottom: 0;
}

.animate-slide {
  animation: slideUp 0.6s ease forwards;
  opacity: 0;
}

@keyframes slideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

footer {
  background-color: #124486;
  color: white;
  padding: 30px 0;
  text-align: center;
  font-size: 0.9rem;
}
.bg-primary, .list-group-item.active  {
     background: linear-gradient(to right, #0f2027, #032C49);
    }
.btn-primary, .btn-light {
     background: linear-gradient(to right, #EFE4CF, #F0E9DB);
     color:#0f324b;
     border-color:#EFE4CF;
     font-weight: normal;
    }
    
.text-primary {
     color: #0f324b !important;
    }