/* Hero wrapper */
.hero-spot {
  position: relative;
  min-height: 50vh;           
}

/* Background image */
.hero-spot__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Gradient overlay ON the image (not affecting text) */
.hero-spot__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
 
}

/* Center the breadcrumb + title perfectly */
.hero-content {
  position: relative;
  z-index: 1;                 
  min-height: 44vh;          
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;    
  text-align: center;
  padding: 2rem 1rem;
  color: #FFFFFF;            
}

.hero-content .breadcrumb,
.hero-content .breadcrumb a,
.hero-content svg {
  color: #FFFFFF !important;  
}

.breadcrumb-item + .breadcrumb-item::before {
  display: none;
}


/* ------------------------------------------------------------------------------------- */


.image-program{
    width: 111px;
    height : 107.73px
}

.image-horizon{
    width:250px;
}

 .programs-title{color:#916627 !important;}

 .program-button{
    background-color: #152349;   
 }


 /* FULL-WIDTH, edges tak tabs */
.active-links.nav-tabs{
  width:100%;
  display:flex;
  justify-content:space-between; /* first & last edges ko touch karein */
  align-items:center;
  border-bottom: none;            /* bootstrap wali line hata do */
  padding:0;
  margin:0;
}

/* link color = black, koi animation/hover color nahi */
.active-links .nav-link{
  color:#000 !important;
  background: transparent !important;
  border: none !important;
  position: relative;            /* underline ke liye */
  padding-inline: 0.25rem;       /* zaroorat ho to halka padding */
}
.active-links .nav-link:hover,
.active-links .nav-link:focus{
  color:#000 !important;
}


.active-links .nav-link.active{
  color:#000 !important;
}
.active-links .nav-link::after{
  content:"";
  position:absolute;
  inset-block-end: -1px;
  inset-inline-start: 0;
  height:3px;
  width:0;                       /* default: no line */
  background:#916627;            /* brand bar color */
  border-radius:2px;
}
.active-links .nav-link.active::after{
  width:44px;                    /* start → center ki taraf chhota bar */
}


#wrapwrap > main  {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    background-color:  #FAF8F5;;
}

.adjust_height {
    flex: 1 0 auto;
    min-height: 61vh;
}