.admission-section {
  display: flex;
  align-items: flex-start;
}

.admission-left {
  position: sticky;
  top: 80px;        /* Adjust so it sits below navbar */
  height: 100vh;    /* Full height scroll effect */
  overflow: hidden;
}

.admission-img {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* clean crop */
  object-position: center;  /* center focus */
}

.admission-right {
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 50px;
}

/*mobile view*/
@media (max-width: 768px) {
  .admission-left {
    position: relative;
    height: auto;
  }

  .admission-right {
    padding-left: 0;
  }
}

.tc-blue{
  color: rgb(0, 88, 129) 
}
.table thead th {
  background-color: rgb(66, 186, 241) !important;
}

.ul-sq li {
  position: relative;
  list-style: none;
  padding-left: 1.2em;
  padding-right: 5px;
}

.ul-sq li::before {
  content: "■"; /* Unicode square */
  color: #007BFF;
  position: absolute;
  left: 0;
}
.vds_img{
    height: 70vh;
    width: 100%;
}





/* Add + and - icons */
.accordion-button::after {
  content: '+' !important;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  transform: rotate(0deg);
}

/* When accordion is opened */
.accordion-button:not(.collapsed)::after {
  content: '-' !important;
  transform: rotate(0deg);
  color: #fff;
}

/* Slow animation for accordion */
.accordion-collapse {
  transition: height 0.6s ease !important; /* default ~0.25s */
}
/* LEFT IMAGE STICKY */
.sticky-image-wrapper {
  position: sticky;
  top: 80px; /* adjust according to navbar height */
  /* remove height: 100vh */
  /* remove overflow: hidden */
}

/* Right FAQ normal flow */
.faq-scroll-area {
  height: auto;        /* remove fixed 100vh */
  overflow: visible;   /* normal scrolling */
  padding-top: 20px;
}

/* Responsive: mobile */
@media (max-width: 768px) {
  .sticky-image-wrapper {
    position: relative;
    top: 0;
  }
}
/* Remove default Bootstrap accordion arrow completely */
.accordion-button::after {
  background-image: none !important;
}

/* Your custom + icon */
.accordion-button::after {
  content: '+' !important;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  transform: rotate(0deg) !important;
}

/* When opened, show – */
.accordion-button:not(.collapsed)::after {
  content: '-' !important;
  color: #fff;
  transform: rotate(0deg) !important;
}