#carouselBannerSlider .carousel-item {
  border-radius: 20px;
  overflow: hidden;
}
#carouselBannerSlider .banner-text {
  position: absolute;
  top: 35%;
  width: 50%;
  left: 14%;
  transform: translate(-14%, -24%);
  font-size: 40px;
  font-weight: bold;
  background: linear-gradient(to right, #184354, #469DB1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 992px) {
  #carouselBannerSlider .banner-text {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  #carouselBannerSlider .banner-text {
    top: 29%;
    font-size: 14px;
  }
}