body {
  background-color: #f5f7fb;
}
.navbar-brand {
  font-size: 1.1rem;
}
.hero {
  background: radial-gradient(circle at top left, #0d6efd 0, #031633 50%, #020b1c 100%);
  color: #fff;
  padding: 4rem 0 3rem;
}
.hero .badge {
  background: rgba(255,255,255,0.1);
}
.hero-stats {
  border-radius: 1rem;
  background: rgba(255,255,255,0.08);
}
.card-service {
  border: none;
  border-radius: 1rem;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}
.card-job {
  border-radius: 0.75rem;
  border: 1px solid rgba(148,163,184,0.35);
}
.badge-category {
  font-size: 0.75rem;
}
footer {
  margin-top: 3rem;
}


.logo-img {
  height: 40px;
  width: auto;
}

.carousel .slider-caption-bg {
  background: linear-gradient(135deg, rgba(15,23,42,0.9), rgba(37,99,235,0.7));
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
}

.carousel .slider-caption-bg h5 {
  font-size: 1.05rem;
  margin-bottom: 0.25rem;
}

.carousel .slider-caption-bg p {
  font-size: 0.85rem;
  margin-bottom: 0;
}