body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #9b3688;
  color: #fff;
}
body.blue {
  background-color: #135888;
}
body.light {
  background-color: #faf7f3;
}
body.light,
.light .nav-item a.active,
.light .navbar-nav .nav-link.active, 
.light .navbar-nav .nav-link.show,
.light .nav-item a,
.light a {
  color: #2e281f;
}

h1, h2, h3 {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 2em;
}

.hero li, p {
  line-height: 1.6;
  font-size: 1.25rem;
  font-weight: 300;
}

.hero {
  min-height: 100vh;
}

.card {
  background-color: rgba(255, 255, 255, 0.15);
  border: none;
  border-radius: 12px;
  backdrop-filter: blur(8px);
}

.card-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #fff;
}

.card-text {
  font-family: "Inter", sans-serif;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #fff;
}

.service-item {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  list-style-type: none;
  position: relative;
  padding-left: 1.2rem;
}

.service-item:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #ffd600;
  font-size: 1.5rem;
}

.quote {
  font-family: "Lora", "Inter", sans-serif;
  font-style: italic;
  font-size: 1.1rem;
  line-height: 1.8;
  margin: 1.5rem 0;
}
a {
  font-weight: bold;
  color: #fff;
}
a:hover {
  text-decoration: none;
}
.nav-item a {
  color: #fff;
  text-transform: uppercase;
}
.nav-item a.active {
  font-weight: bold;
  color: #fff;
  border-bottom: 3px solid #fff;
}
.light .nav-item a.active {
  border-color: #2e281f;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #fff;
}
h3 {
  font-size: 1.55rem;
}