body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #F4F4F4;
}

.carousel img {
  height: 400px;
  object-fit: cover;
  border-radius: 10px;
}

.text-primary {
  color: #0A7CA9 !important;
}

body.dark-mode {
  background-color: #121212;
  color: #f0f0f0;
}

.dark-mode .navbar,
.dark-mode .card,
.dark-mode footer {
  background-color: #1e1e1e !important;
  color: #ffffff;
}

.dark-mode .nav-link,
.dark-mode .btn,
.dark-mode .form-control {
  color: #ffffff !important;
  background-color: #2a2a2a;
  border-color: #444;
}

.dark-mode .nav-link:hover,
.dark-mode .btn:hover {
  background-color: #333 !important;
}

.dark-toggle-btn {
  cursor: pointer;
  font-size: 1.2rem;
}