.carousel-caption {
  bottom: 30% !important;
  /* padding-bottom: 8.25rem  */
  left: 8%;
  text-align: left;
  /* max-width: 600px; */
  /* background: rgba(0, 0, 0, 0.35); */
  padding: 20px;
  border-radius: 10px;
  transform: translate(-10%);
}
.carousel-caption .main-heading {
  margin-bottom: 0.5rem;
}

.carousel-caption .carousel-para {
  margin-top: 0.5rem;
}
.carousel-caption h6 {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #eeee;
}

.carousel-caption h2 {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}

.carousel-caption p {
  font-size: 16px;
  line-height: 1.5;
  color: #f0f0f0;
}

.carousel-caption a.read-more {
  color: #fff;
  text-decoration: underline;
  font-weight: 600;
}

/* ✅ Mobile Responsive Adjustments */
@media (max-width: 992px) {
  .carousel-caption {
    /* bottom: 10%; */
    left: 5%;
    max-width: 90%;
    padding: 15px;
  }
  .carousel-caption h2 {
    font-size: 32px;
  }
  .carousel-caption p {
    font-size: 14px;
  }
}

@media (max-width: 681px) {
  .carousel-caption {
    /* bottom: 5%; */
    /* left: 3%; */
    top: 10% !important;
    right: 3%;
    max-width: 100%;
    padding: 10px;
    background: transparent;
  }
  .carousel-caption h2 {
    font-size: 22px;
    line-height: 1.1;
  }
  .carousel-caption h6 {
    font-size: 10px;
  }
  .carousel-caption p {
    font-size: 10px;
  }
}