html, body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #000000;
  font-family: "Segoe UI", sans-serif;
}

body {
  padding-top: 70px;
}

.navbar {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1030;
  background-color: #f8f9fa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero {
  margin-top: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../img/hero.jpg") center/cover no-repeat;
  color: white;
  padding: 100px 0;
  text-align: center;
}

.services i {
  font-size: 3rem;
  margin-bottom: 15px;
  color: #0d6efd;
}

footer {
  background-color: #f8f9fa;
  padding: 20px 0;
  color: #000000;
}

.navbar .theme-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  margin-right: 1rem;
}

.navbar .theme-toggle .form-check {
  margin: 0;
}

.navbar .theme-toggle .form-check-input {
  margin-top: 0 !important;
  vertical-align: middle;
  cursor: pointer;
}

.navbar .theme-toggle i {
  font-size: 1rem;
  color: inherit;
}

.honeypot {
  display: none !important;
  visibility: hidden;
  height: 0;
}

.dark-mode .navbar {
  background-color: #1f1f1f !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode {
  background-color: #121212;
  color: #f5f5f5;
}
.dark-mode body {
  background-color: #121212 !important;
  color: #f5f5f5;
}
.dark-mode section {
  background-color: #121212;
  color: #f5f5f5;
}
.dark-mode .hero {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../img/hero.jpg") center/cover no-repeat;
  color: #f5f5f5;
}
.dark-mode .navbar a,
.dark-mode .navbar-brand,
.dark-mode .nav-link {
  color: #f5f5f5 !important;
}
.dark-mode .services i {
  color: #72abfe;
}
.dark-mode footer {
  background-color: #1a1a1a;
  color: #f5f5f5;
}
.dark-mode .form-control {
  background-color: #2a2a2a;
  color: #f5f5f5;
  border-color: #444;
}
.dark-mode .form-control::placeholder {
  color: white;
}
.dark-mode .form-label,
.dark-mode h1, .dark-mode h2, .dark-mode h5, .dark-mode label, .dark-mode p {
  color: #f5f5f5;
}
.dark-mode .btn-primary {
  background-color: #408cfd;
  border-color: #408cfd;
}
.dark-mode .btn-primary:hover {
  background-color: #72abfe;
  border-color: #72abfe;
}
.dark-mode #about,
.dark-mode #contact {
  background-color: #1e1e1e !important;
  color: #f8f9fa !important;
}

.honeypot {
  display: none !important;
  visibility: hidden;
  height: 0;
}

/*# sourceMappingURL=style.css.map */