.inner-hero {position: relative;width: 100%;height: 550px;background-size: cover;background-position: center;display: flex;align-items: center;overflow: hidden;}
.hero-overlay {position: absolute;inset: 0;background: linear-gradient(90deg,#050f28d9,rgba(5, 15, 40, 0.55));}
.hero-container {position: relative;max-width: 1200px;padding: 0 24px;color: #fff;}
.breadcrumb {font-size: 14px;margin-bottom: 12px;}
.breadcrumb a {color: #ffcc00;text-decoration: none;font-weight: 500;}
.breadcrumb span {margin: 0 6px;color: #ddd;}
.inner-hero h1 {font-size: 44px;font-weight: 700;margin-bottom: 12px; color: #fff;}
.inner-hero p {font-size: 16px;max-width: 800px;opacity: 0.9; color: #fff;}
.accordion-body p {color:#fff !important;}

.program-tabs {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}

.program-tabs ul {
  margin: 0;
  padding: 0 40px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 30px;
  white-space: nowrap;
}

.program-tabs ul li {
  position: relative;
}

.program-tabs ul li a {
  display: inline-block;
  padding: 18px 0;
  font-size: 17px;
  font-weight: 500;
  color: #111;
  text-decoration: none;
}

.program-tabs ul li.active a {
  color: #050f28d9;
}

.program-tabs ul li.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: 050f28d9;
}

.program-tabs ul li a:hover {
  color: #050f28d9;
}



@media (max-width: 768px) {
  .inner-hero {height: 260px;}
  .inner-hero h1 {font-size: 30px;}s
  .inner-hero p {font-size: 14px;}
}