html {
  overflow-y: scroll; /* always show vertical scrollbar */
}
.hero-home {
  min-height: 72vh;
  position: relative;

  /* Fallback gradient (looks good even if image is missing) */
  background:
    linear-gradient(135deg, rgba(13,110,253,0.25), rgba(0,0,0,0.65)),
    radial-gradient(circle at 20% 20%, rgba(0, 200, 255, 0.25), transparent 40%),
    radial-gradient(circle at 80% 30%, rgba(0, 255, 180, 0.18), transparent 45%),
    url("/assets/hero-medical.jpg") center/cover no-repeat;
}
.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}
footer {
  background-color: #0d6efd;
}
.nav-link:hover {
  color: #0d6efd !important;
}
html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex: 1;
}
.navbar {
  padding-top: 12px;
  padding-bottom: 12px;
}
.navbar-logo {
  height: 64px;
  width: auto;
  object-fit: contain;
  display: block;
}
.navbar-brand {
  padding: 0;
  margin: 0;
}
.about-placeholder {
  width: 100%;
  min-height: 320px;
  background:
    linear-gradient(135deg, rgba(13,110,253,0.10), rgba(0,0,0,0.02)),
    radial-gradient(circle at 25% 25%, rgba(0, 200, 255, 0.18), transparent 45%),
    radial-gradient(circle at 70% 40%, rgba(0, 255, 180, 0.12), transparent 50%);
  border: 1px solid rgba(0,0,0,0.08);
}

.training-hero{
  background: linear-gradient(180deg, rgba(13,110,253,0.06), rgba(13,110,253,0));
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.training-link{
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}

.training-card{
  transition: transform .15s ease, box-shadow .15s ease;
  border: 1px solid rgba(0,0,0,0.06);
}

.training-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 .6rem 1.2rem rgba(0,0,0,.08);
}

.training-card .card-title{
  font-weight: 700;
}