:root {
  --blue-green: #124660;
  --dropdown-bg: #05557d;
  --dark-green: #1B9476;
  --light-green: #8BD59E;
  --cold-white: #C7DBC2;
  --warm-white: #F4EBD6;
};

 
.carousel {
    overflow: hidden;
}

.engineeringCarousel .carousel-control-next-icon {
    right: 15%;
  }

.engineeringCarousel .carousel-control-prev-icon {
  left: 15%
}
.engineeringCarousel .carousel-control-next, .engineeringCarousel .carousel-control-next {
  width: 5% !important;
  height: 3rem;
  top: 85%;
}
.engineeringCarousel .carousel-inner {
  min-height: 50vh;
  max-height: 50vh;
}

.engineeringCarousel .carousel-control-next-icon {
  color: var(--light-green);
  
}

.engineeringCarousel .carousel-control-prev-icon {
  color: var(--light-green);
}




.DBTL-wrapper {
  background-color: var(--blue-green); 
  padding: 2rem;
  margin: 2rem;
  border-radius: 0.5rem;
  margin-bottom: 1vmax;
  
}
  
.carousel-inner{
  overflow-y: scroll;
  padding: 20px; 
  padding-bottom: 5%;
  padding-right: 35px;
}
.carousel-inner::-webkit-scrollbar-thumb {
  background-color: var(--dark-green);
  border-radius: 6px;

}

.carousel-inner::-webkit-scrollbar {
  background-color: transparent;
  width: 10px;
}


.eng-fig {
  position: relative;
  text-align: center;
}

.eng-fig img {
  max-width: 50%;
  max-height: 50%;
  display: block;
  margin: 0 auto;
}

.eng-fig figcaption {
  text-align: center;
  position: relative;
  bottom: -15%;
  left: 0;
  right: 0;
  padding: 2rem;
  font-size: 14px;

}

.anchor {
  top:-15px
}